環球免稅店首張圖片幻燈片返回第一張圖片

我在我的網站上使用了環球免稅店圖片庫。問題是：當我第一次運行環球免稅店，並且初始圖像不是第一次時，Galleria會暫時顯示初始圖像，然後滑回第一張圖像。當我點擊拇指更多時，環球免稅店行爲正確，所以這隻發生第一次。下面是我用來初始化代碼廣場：環球免稅店首張圖片幻燈片返回第一張圖片

 
$('.thumbnail').live('click', function(){ 

      var image_number = getNumber($(this).attr('id')); 
      Galleria.ready(function(options) { 
       this.show(image_number); 
      }); 
      Galleria.run('#galleria'); 
      $('#galleria_frame').show();  
      });

getNumber是我的函數返回畫廊圖像的數量，第一圖像被編號爲0，第二個 - 1號等
哪裏是我的錯？爲什麼當我第一次點擊.thumbnail時，圓頂場所會滑回第一幅圖像？

來源

2012-08-24 user1621717

這裏嘗試http://jsfiddle.net/ 此信息是不夠的 – kidwon

不能在物質包括腳本的整體情況進行建模，並提供你的榜樣圖片。只要看看，如果我正確使用API。我已閱讀文檔，但我可能在構建初始化代碼時出錯。 – user1621717

您的代碼有幾個問題。

1）要初始化廣場多次（每次點擊縮略圖時間）

2）要添加多個監聽到ready事件，每次你告訴拱廊顯示不同的圖像的onload。

試試這個：

$('.thumbnail').live('click', function(){ 
    var image_number = getNumber($(this).attr('id')), 
     instance = $('#galleria').data('galleria'); 

    // if Galleria already loaded, just show the index: 
    if (instance) { 
     instance.show(image_number); 
    } else { 
    // else fire up Galleria and pass the index as an option 
     $('#galleria_frame').show(); 
     Galleria.run('#galleria', { show: image_number }); 
    } 
});

來源

2012-08-25 17:56:14 David

當我第二次利用你的例子時，我點擊一個縮略圖（其中實例爲true）prev/next按鈕不再改變環球免稅店圖像。想法？ – 12Bo

環球免稅店首張圖片幻燈片返回第一張圖片

回答

相關問題