slidr.jsの設置方法と自動再生しない問題について

2014/01/08 05:28

このQ&Aのポイント

slidr.jsを使った画像のスライドショーを自動再生させる方法について教えてください。
slidr.jsの設置に関する参考ページを紹介しています。
slidr.jsでスライドが自動再生されない場合、原因と考えられる点について教えてください。

drofxo
お礼率66% (2/3)

JavaScript
回答数2
ありがとう数1

みんなの回答 （2）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

yamada_g
ベストアンサー率68% (258/374)

2014/01/08 12:37 回答No.2

Issuesに同様の質問がありました。 https://github.com/bchanx/slidr/issues/12 addメソッドで少し細工する必要があるようです。自分は英語が苦手ですが、具体的なコードも書いてあるので助かりますね。 slidr.create('slidr-img', { 　controls:'none', timing: { 'fade': '3s ease-in' }, transition: 'fade' }).add('h', ['one', 'two', 'three', 'one']).auto(); こんな感じでしょうか。

質問者

お礼 2014/01/08 19:25

.add～の追加でリピートさせることが出来るようになりました。教えて頂いてから読むとなるほど、とわかるのですがまだまだ勉強不足です。助かりました。ありがとうございました！

その他の回答 (1)

yamada_g
ベストアンサー率68% (258/374)

2014/01/08 09:45 回答No.1

slidr.jsを使ったことはなく、この質問で初めて知ったという者ですので参考程度に。参考ページのAPIを見るとauto()というメソッドが用意されているので、これを呼び出せばよさそうです。具体的には slidr.create('slidr-img', { 　controls:'none', timing: { 'fade': '3s ease-in' }, transition: 'fade' }).auto(); という感じでしょうか。画像のスライド間隔などを引数で設定できるようですので、APIで確認してみてください。

質問者

補足 2014/01/08 11:27

教えて頂きありがとうございます。「.start」を「.auto」に変更することで自動再生出来るようになりました。「auto」が書いてあるあたりを読み、スライドの間隔も設定出来ました。ただ、スライドをリピートさせることが出来ません。。 only works if auto is called to start the Slidrと書いてあるのでなんらかの記述が必要なことはわかったのですが、解決策がわかりません。もしお分かりであればご教授いただけませんでしょうか。よろしくお願いします。