2011-07-14 63 views
3

我在搜索如何結合galleriffic和燈箱jquery插件,直到我找到GallerifficPlus(I have downloaded it here)。更改GallerificPlus效果

是否有可能(一旦刪除幻燈片)通過點擊拇指來調用燈箱?我想點擊縮略圖後的收藏夾功能工作..

下面是原來的顯示消息的縮略圖部分

 buildDataFromThumbs: function() { 
      this.data = []; 
      var gallery = this; 
      this.$thumbsContainer.find('li').each(function(i) { 
       var $a = $(this).find('a'); 
       var $img = $a.find('img:first'); 
       gallery.data.push({slide:$a.attr('href'),thumb:$img.attr('src'),original:$a.attr('original'),title:$a.attr('title'),description:$a.attr('description'),hash:gallery.offset+i}); 
      }); 
      return this; 
     }, 

代碼

 buildImage: function(image) { 
      if (this.$imageContainer) { 
       this.$imageContainer.empty(); 

       var gallery = this; 

       var thisImageIndex = this.currentIndex; 

       // Setup image 
       this.$imageContainer 
        //.append('<span class="image-wrapper"><a class="advance-link" rel="history" href="#'+this.data[this.getNextIndex(this.currentIndex)].hash+'" title="'+image.alt+'"></a></span>') 
        .append('<span class="image-wrapper"><a class="advance-link" rel="history" title="'+image.alt+'"></a></span>') 
        .find('a') 
        .append(image) 
        //.click(function() { clickHandler(gallery); }) 
        .click(function() { buildLightBox(image,gallery,thisImageIndex); }) 
        .end() 
        .fadeIn('fast'); 

       if (this.onFadeIn) this.onFadeIn(); 
      } 

此外,是否有任何其他的jQuery插件你可以建議有類似的功能?

+2

我剛查過。我發現這個圖書館已經破產,至少對我而言。即使這個例子也不能正常工作。 如果你點擊大拇指,除了URL被改變之外什麼都沒有發生。所以我並不感到驚訝的是,顯示燈箱也不起作用。 – Vinzenz

回答

0

不知道這是否可以幫助,但你試過prettyPhoto插件。我認爲它按照你想要的方式工作。

+0

是的,我已經試過,但那不是我所指的那個.. :( – woninana