幻燈片滑動(dòng)Immersive Slider創(chuàng)造一種身臨其境的滑塊改變整個(gè)容器相匹配的觀看幻燈片。現(xiàn)代的瀏覽器，如火狐，Chrome，Safari和桌面電腦和智能手機(jī)已經(jīng)過測(cè)試。

$("#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.

});

相關(guān)鏈接

總結(jié)

以上是生活随笔為你收集整理的html 幻灯禁止上下滑动,幻灯片滑动Immersive Slider的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。