html 幻灯禁止上下滑动,幻灯片滑动Immersive Slider

幻灯片滑动Immersive Slider创造一种身临其境的滑块改变整个容器相匹配的观看幻灯片。现代的浏览器，如火狐，Chrome，Safari和桌面电脑和智能手机已经过测试。

$("#immersive_slider").immersive_slider({

animation: "bounce", // As usual, you can change the animation to these: slide (default), bounce, fade, slideUp, and bounceUp

slideSelector: ".slide", // This option will let you assign custom selector for each slides in case .slide is already taken

container: ".main", // This option lets you define the container of which the background will appear. Make sure the slider is inside this container as well.

cssBlur: false, // Experimental: In case you don't want to keep adding new data-blurred attributes, trigger this to true and it will generate the blur image on the fly (more info below).

pagination: true, // Toggle this to false if you don't want a pagination

loop: true, // Toggle to false if you don't want the slider to loop. Default is true.

autoStart: 5000 // Define the number of milliseconds before it navigates automatically. Change this to 0 or false to disable autoStart. The default value is 5000.

});

相关链接