2012-05-07 63 views
1

以下是我的模板網站的位置,您可以點擊here縮略圖在點擊後消失

現在我有第一個縮略圖編程,在縮略圖最初點擊後經過FancyBox;就像之前在StackOverflow上詢問過的人一樣,你可以找到here

或者,jQuery的我有我的網站上的一個縮略圖的部分是:

var galPhotos1 = [ 
      {href : 'images/portfolio/smilehealthy_werewolfmtd.jpg','nextEffect' : 'fade', 'prevEffect' : 'fade'}, 
      {href : 'images/portfolio/smilehealthy_applemtd.jpg','nextEffect' : 'fade', 'prevEffect' : 'fade'}, 
      {href : 'images/portfolio/smilehealthy_vampiremtd.jpg','nextEffect' : 'fade', 'prevEffect' : 'fade'}, 
     ]; 

     $('a#gallery1').live('click',function(){ 
      $.fancybox(galPhotos1); 
     }); 

我想知道是否有針對如何使它所以當你關閉的fancybox畫廊任何建議,縮略圖不會消失?

任何幫助非常感謝! =]

回答

0

非常感謝@jfk幫助我! =]

其實,我嘗試了功能去掉「A」鏈接元素,使它看起來像下面的代碼:

$('#gallery1').live('click',function(){ 
    $.fancybox(galPhotos1); // call fancybox on clicking the element with id "gallery1" 
}); 

它似乎工作,不再有這個問題。

1

在你的情況,你應用兩個不同fancybox調用相同的元素。你的HTML是

<a id="gallery1" class="fancybox"> ...etc 

你調用的fancybox兩個腳本是

$(".fancybox").fancybox(); // call fancybox for elements with class "fancybox" 

$('a#gallery1').live('click',function(){ 
$.fancybox(galPhotos1); // call fancybox on clicking the element with id "gallery1" 
}); 

在這種情況下存在可能被創建的古怪行爲的衝突。只需從您的播放器中刪除class="fancybox"屬性,您的縮略圖就不會被刪除。

<a id="gallery1"> ...etc 
+0

你好@jfk它似乎沒有工作。它所做的就是坐在那裏休眠。當我輸入圖片鏈接時,它不對應於jQuery創建的fancybox類。 – Abriel

+0

我再次訪問了您的網站,但我仍然可以看到該元素仍然是「ID」和「class」:''...這兩個選擇器都綁定了以fancybox通過不同的腳本。 – JFK

+0

嘿謝謝你的追趕! =]我忘記了在我做完這些之後立即更新了頁面。更新! – Abriel