Q&A
■ 課題点
TOP画像にあるスライダーの動きを最後のスライドで止めたいのですが、
設定しきれていないため最後のスライドが終わった後も最初のスライドに戻ってしまいます。
■ 理想
最後のスライダーで動きを止めたいと考えております。
エンジニアには実装に時間がかかるとのことで後回しになってしまいました。
私はJavascriptやjQueryはコピペできるくらいですが、なぜ時間がかかりそうなのか、
またもし宜しければ解決策も教えていただけると助かります。
どうぞ宜しくお願いいたします。
回答1件
0
ベストアンサー
スライドショーをとめるということでしょうか。最後のスライドを判別して止めればいいのでは。
JavaScript
1var last = $( '#slider .sl-slide' ).length - 1; // ここと 2var slitslider = $( '#slider' ).slitslider( { 3 onBeforeChange : function( slide, pos ) { 4 if ( last === pos ) { slitslider._stopSlideshow(); } // ここが重要 5 6 } 7} ); // あなたのページと書き方が違うので、そのままコピペしても動きません。
エラーが出ているので、どの挙動について止めたいかがわかりません。出るはずの矢印でのナビゲーションを止めるのであれば、 last === pos の時にCSSで矢印を消し、それ以外のとき表示するようにすれば良いと思います。
HTMLの書き方に問題が多数あります。
</br>は<br>か<br />。- 孤立した
</a>がいくつかある。 - 閉じられていない
<div>がいくつかある。 <span> <p><ul class="catname"><li><a ･･･span要素はフレージングコンテンツ以外入れられません。div要素とかにしておきましょう。- header要素がbody要素の中に入っていません。
HTML
1</header> 2 <body class="home blog">
投稿2016/09/08 16:57
総合スコア69407
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。