サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
コーヒー沼
gakuya.work
slick の便利な機能として、メイン画像とサムネイル画像を用意し、メイン画像の切り替えに合わせてサムネイル画像をスライドさせる機能があります。 しかしながこの機能、サムネイル画像の数が多ければ問題ないのですが、数が少なく slidesToShow オプションの数と同数かそれ以下のとき、メイン画像が切り替わるとサムネイルが左にスライドしていって余白が生まれてしまいます。 サムネイル画像が slidesToShow より少ないと左右のスライド用のコピー画像が作られないのが原因のようで、これを解決するために、メイン画像が切り替わる際にサムネイル画像を再表示することで、左にスライドするアニメーションをキャンセルさせることにしました。 ただ再表示は slickSetOption メソッドだけのようだったため、適当なオプションを設定するようにしました。 メイン画像、サムネイル画像の HTML は <
このページを最初にブックマークしてみませんか?
『gakuya.work』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く