[wow slider][教學]如何停止在最後一頁

凌晨1:40 yuchen 1 Comments

為了使用slider就將最近客戶要求的效果作出來，而碰到「如何將wow slider輪播圖/幻燈片(slider photo)停止在最後一頁?」這個問題。找了許多地方，結果在wow slider自己的網站就有解答了XD，在此memo一下。

STAP 1：打開script.js

使用Notepad++等工具，開啟engine1/script.js。找到最後一行，如下列程式碼：

jQuery("#wowslider-container1").wowslider({effect:"basic_linear",prev:"",next:"",duration:13*100,delay:25*100,outWidth:480,outHeight:360,width:480,height:360,autoPlay:true,stopOnHover:false,loop:true,bullets:true,caption:true,controls:true});

STAP 2：增加stopOn: N語法至程式中

其中N為想要停止的圖片，在該程式的最後加上stopOn : - 1 ，表示會停止在最後一張輪播圖。如下列程式碼：

jQuery ( "#wowslider-container1" ). wowslider ({ effect : "basic_linear" , prev : "" , next : "" , duration : 13 * 100 , delay : 25 * 100 , outWidth : 480 , outHeight : 360 , width : 480 , height : 360 , autoPlay : true , stopOnHover : false , loop : true , bullets : true , caption : true , controls : true , stopOn : - 1 });