Swiper页面背景高斯模糊与展示页面轮播

先看下效果

http://1.coverflow.applinzi.com/Swiper/demos/index.html （兼容各种浏览器 ）弄成这种样子是因为要放在手机客户端和微信上访问的 直接打开很难看

这种动态的效果是用swiper的3D 覆盖流效果做的 参考 http://www.swiper.com.cn/demo/index.html

让背景图片变的模糊有几种办法

1 css 中加入-webkit-filter: blur(15px);

2 js 控制图片背景模糊 http://www.quasimondo.com/StackBlurForCanvas/StackBlurDemo.html

参考： http://www.zhangxinxu.com/wordpress/2013/11/css-svg-image-blur/

3 直接把生成好的背景图片替换加入进去

CSS3 blur滤镜实现有很大的局限性

无法兼容IE 安卓等版本 如图：

最后没办法要各种兼容 选择了第三种方法 直接把生成好的背景图片替换加入进去

demo 下载地址 http://download.csdn.net/detail/hehe520347/9460537