1

这里是我的模板站点的位置，你可以点击这里。

现在，在最初单击缩略图并通过 FancyBox 后，我将第一个缩略图编程为通过图像库；就像之前有人在 StackOverflow 上问过的一样，你可以在这里找到。

或者，我网站上的一个缩略图的部分 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 画廊时，缩略图不会消失？

很感谢任何形式的帮助！=]

4

2 回答 2

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
于 2012-05-07T17:17:13.417 回答
0

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

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

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

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

于 2012-05-09T03:23:28.400 回答