スライダーのlightgalleryをカスタマイズして
プルダウン機能でページ移動させる機能を付けました。
プルダウンでページ移動はできたのですが、
サムネも現在見ている画像が赤枠で表示されるのですが、
そこが正常に移動してくれません。
プルダウン移動した1回目→サムネの赤枠部分動かない
プルダウン移動した2回目→1回目の開いたページが赤枠になる。
プルダウン移動した3回目→2回目の開いたページが赤枠になる。
・・・という感じでズレてしまいます。
プルダウンで移動した際に赤枠になる「addClass("active")」がしっかり利いていないようです。
デモページ
http://footmarkdays.web.fc2.com/index1.html
何が原因か分かりますでしょうか。
【現在使用しているjs】
$('select').change(function() {
var val = this.value;
location.href = document.URL.replace( /([&?]slide=)\d{1,3}/ , "$1" + val );
});
【関数?を使ったjs】
このあたりよく分かっていないのですが、下記ページのメソッドから
スライドさせる関数があったので、それを使った動かし方をしても、、、症状は変わりませんでした。
http://sachinchoolur.github.io/lightGallery/docs/api.html#methods
('select').change(function() {
$('#lightgallery').data('lightGallery').slide(this.value);
});
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。