###前提・実現したいこと
お世話になります。
FlexSliderを使ってスライドを設置しました。
マウスホイールで動くまでは良かったのですが、
【animationLoop】でfalseを設定したところ、
1->2->3->1
となってしまいます。
これを3になったところで止めたいのですが、実現する手段はありますでしょうか。
方法を知っていられましたらご教授いただければ幸いです。
何卒、宜しくお願い致します。
###発生している問題・
最後のスライドのあとに最初に戻ってしまう。
###1022追記
コードを下記に追加させていただきました。
ご指定いただきありがとうございます。
<html> <head> <link rel="stylesheet" href="flexslider.css" type="text/css" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="jquery.flexslider.js"></script> <script src="jquery.mousewheel.js"></script> <script type="text/javascript"> $(window).load(function() { $('#carousel').flexslider({ animation: "slide", controlNav: false, animationLoop: false, slideshow: false, itemWidth: 210, itemMargin: 5, asNavFor: '#slider' }); $('#slider').flexslider({ animation: "slide", controlNav: false, animationLoop: false, slideshow: false, sync: "#carousel", mousewheel:true }); }); </script> </head> <body> <div id="slider" class="flexslider"> <ul class="slides"> <li><img src="./img/img1.jpg" /></li> <li><img src="./img/img2.jpg" /></li> <li><img src="./img/img3.jpg" /></li> </ul> </div> <div id="carousel" class="flexslider"> <ul class="slides"> <li><img src="./img/img1s.jpg" /></li> <li><img src="./img/img2s.jpg" /></li> <li><img src="./img/img3s.jpg" /></li> </ul> </div> </body> </html>
ご自身で書かれたコードを質問文に追記いただいたほうが回答を得られやすいと思います。
あなたの回答
tips
プレビュー