2012-05-07 65 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