Question

以下是我现在模板网站的位置，您可以点击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画廊时，缩略图不会消失？

非常感谢任何帮助！ =]

Answer 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

Answer 2

非常感谢@jfk帮助我！ =]

我实际上尝试从函数中删除'a'链接元素，使其看起来像下面的代码：

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

它似乎工作，不再有这个问题。

点击后缩略图消失

2 个答案: