###前提・実現したいこと
jqueryのプラグインflexsliderについて質問です。
当方はjqueryのプラグインを使用するくらいで、jsについては初心者です。
まずFlexSlider2.6.0を設置し、htmlへスライダーとサムネイルとオプションの記述をしました。
サムネイルをクリックではなくマウスオーバーでスライダーが動くようにしたかったため、22行目のeventTypeの下に以下を追記しました。
eventType2 = "mouseover touchend MSPointerUp keyup",
その上で、164行目のeventTypeをeventType2へ変更したところ、サムネイルをマウスオーバーでスライダーが動くようになりました。
しかし、サムネイルからマウスを離してもスライダーの自動再生が始まらず止まったままです。
マウスを離した後もスライダーを自動再生させたい場合、どこをどのように修正すれば、もしくはどのような追記をすればよいのでしょうか。
ちなみに、スライダー側の左右のprev・nextボタンで操作した後は問題なく自動再生が始まります。
よろしくお願いいたします。
■FlexSlider v2.6.0
https://github.com/cdnjs/cdnjs/blob/master/ajax/libs/flexslider/2.6.0/jquery.flexslider.js
###発生している問題・エラーメッセージ
エラーメッセージ
###該当のソースコード
■スライダー・サムネイルの記述
<div id="slider" class="flexslider"> <ul class="slides"> <li><a href=""><li><img src="slider01.png"></li></a></li> <li><a href=""><li><img src="slider02.png"></li></a></li> <li><a href=""><li><img src="slider03.png"></li></a></li> </ul> </div> <div id="thumbnail" class="flexslider"> <ul class="slides"> <li><img src="thumb01.png"></li> <li><img src="thumb02.png"></li> <li><img src="thumb03.png"></li> </ul> </div>
■オプションの記述
<script type="text/javascript"> jQuery(document).ready(function(){ jQuery('#slider').flexslider({ animation:"slide", slideshowSpeed: 3000, animationSpeed: 450, pauseOnHover: true, animationLoop: true, controlNav: false }); $('#carousel').flexslider({ animation: "slide", controlNav: false, pauseOnHover: false, itemWidth: 210, itemMargin: 5, asNavFor: '#slider' }); }); </script>
###試したこと
自動再生をしているような記述の箇所をtrueに変えたりfalseに変えたりしてみました。
###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報