JQueryプラグインSlider Proに停止ボタンを付けたい

Question

JQueryプラグインSlider Proを使用してサイトを制作しております。
押すとスライダーの動作が止まるボタンを作成したいです。

どなたか方法をご存知でしたらご教示いただけますと幸いです。

Comments

[m.ts10806]

このままでは丸投げ質問（非推奨質問の代表格です）となってしまうので、自身が調べていく中でやってみたコードなどをご提示ください。その上で「何が」「どう」分からなかったのか記載してください。 https://teratail.com/help/question-tips

[x_x]

autoplay を設定していてやめるということでしょうか？ それともまったくさわれなくしたいのでしょうか？

Answer 1

<script> jQuery(function($) { $('.pause-btn').click(function(){ $( '#slider-pro-1' ).sliderPro({ autoplay: false, }); }); }); </script>

<button class="pause-btn">ポーズ</button>

これで実装できました。ありがとうございました。

Answer 2

試していないですけど、
Slider Proのapiに記載されている Public methods のoffがそれっぽいですね。

https://github.com/bqworks/slider-pro/blob/master/docs/api.md#2-public-methods