###前提・実現したいこと
jQueryプラグイン「slick.js」についてのご質問です。
下記ソースコードの#startBtn
を押すとslick.jsが開始(起動)し、#endBtn
を押すとslick.jsが終了するボタンを作成したいのですが、そのようなことは可能でしょうか?
#####追記:slick.js配布URL
http://kenwheeler.github.io/slick/
###該当のソースコード
html
1<ul class="slides"> 2 <li><a href="#"><img src="../images/hoge.jpg"></a></li> 3 <li><a href="#"><img src="../images/hoge.jpg"></a></li> 4 <li><a href="#"><img src="../images/hoge.jpg"></a></li> 5 <li><a href="#"><img src="../images/hoge.jpg"></a></li> 6</ul> 7 8<div> 9 <p id="startBtn">開始</p> 10 <p id="endBtn">終了</p> 11</div>
javascript
1//slick.js 2var sliderFx = function(){ 3 $('.slides').slick(); 4}; 5 6//slick()を開始 7$('#startBtn').on('click tap', function() { 8 sliderFx(); 9}); 10 11//slick()を終了 12$('#endBtn').on('click tap', function() { 13 //ここにslick()を終了させる処理を書きたい。 14});
以上、何卒よろしくお願い致します。
###補足
「slick()を終了」というのは、スライダーの遷移アニメーションを一旦ストップするのではなく、slick()それ自体の適用を外したい、ということです。
ちなみに、#endBtn
を押して終了させた後に#startBtn
を押せば、再びスライダーが開始するような仕組みが理想です。
回答1件
あなたの回答
tips
プレビュー