1

ロイヤルスライダー付きのカラーボックスを使用しています。私が抱えている問題は、カラーボックスを開いて、サムネイルのリストからロイヤル スライダーの特定のスライドにスライドさせたいということです。私はそれを動作させています...一種の....問題は、最初に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: 関数に入れる方法がわかりません。

4

0 に答える 0