2

我花了好几个小时试图解决这个问题，但我没有找到解决方案。我是 javascript 新手，所以有很多东西我并不真正理解。我基本上是在制作某种科学怪人代码，但一切正常。直到我实施 contenthover ......

事情是这样的：我正在使用 prettyPhoto 和 contenthover 在 Dreamweaver 中构建一个网站。在一个页面中，我有两个插件都在工作。我需要一个按钮来从 contenthover 触发 prettyPhoto，它确实如此，但由于某种原因，画廊中的第一张图片被复制了。这真的很奇怪，因为在实施 contenthover 之前一切正常。（我对同一个画廊有两个触发器，它们工作正常，直到 contenthover）。

我确信一定有办法解决这个问题，但这超出了我的认识。

（我的母语是西班牙语，所以我可能写错了也可能没有……呵呵）

非常感谢......我希望有人能帮助我！

哦，我的代码是

    $(document).ready(function(){
        $("a[rel^='prettyPhoto']").prettyPhoto({
            theme:'light_rounded',
            social_tools:false,
            deeplinking:false,
            <!-- Temas : light_square, light_rounded, dark_square, dark_rounded, facebook-->

    });
});


$(function(){
    $('.myimage').contenthover({
        overlay_background:'#000',
        overlay_opacity:0.8,
        overlay_width:200,
        overlay_height:200,
        onshow: function(){
                $('[rel^="prettyPhoto"]').prettyPhoto({'theme': 'light_rounded',social_tools:false, deeplinking:false,});
    },
        onhide: function(){
                $('[rel^="prettyPhoto"]').prettyPhoto({'theme': 'light_rounded',social_tools:false, deeplinking:false,});
    }
});
});
4

1 回答 1

0

由于您使用 rel='prettyPhoto' 有两个指向同一图像的显式链接/触发器，因此它将在图库中显示该图像两次。要解决此问题，您可以执行以下SO 问题：

<button id="startPrettyPhoto">Open Gallery</button>

然后在您的 javascript 部分中，添加：

$("#startPrettyPhoto").click(function() {
  $("a[rel^='prettyPhoto']:first").click()
});
于 2014-08-12T20:11:00.290 回答