ロイヤルスライダー付きのカラーボックスを使用しています。私が抱えている問題は、カラーボックスを開いて、サムネイルのリストからロイヤル スライダーの特定のスライドにスライドさせたいということです。私はそれを動作させています...一種の....問題は、最初にConolboxを開いてから閉じた場合にのみ機能することです。2回目は開き、スライドして正しいスライドにします。
私のjQueryとjavascriptの知識はかなり限られています;)
カラーボックスを開くリンクは次のようになります
<a href="produkter2.html#2" class="colorboxSlider">
そして、カラーボックスとロイヤルスライダーのコードは次のようになります
var win = $(window),
w,
cContent = $('#cboxLoadedContent'),
currRs;
$('#produkter ul li').on('click', '.colorboxSlider', function(e) {
e.preventDefault();
$.colorbox({
preloading: true,
modal: false,
transition: 'none',
speed: 0,
onComplete: function(e) {
currRs = $('#cboxLoadedContent').find('.royalSlider').royalSlider({
imageScaleMode: 'fill',
keyboardNavEnabled: true,
deeplinking: {
// deep linking options go gere
enabled: true,
change:true,
prefix: ''
},
}).data('royalSlider');
$("#s2 a").on("click", function(e){
e.preventDefault();
currRs.goTo(2);
});
$("#s1 a").on("click", function(e){
e.preventDefault();
currRs.goTo(1);
});
updateLightboxSize();
},
href:$(this).attr('href'),
});
return false;
});
初めてクリックしたときに「currRS」が存在しないことが原因である可能性があります。しかし、それを onComplete: 関数に入れる方法がわかりません。