我花了数小时的时间来尝试解决此问题，但没有找到解决方案。
我是javascript的新手，所以很多事情我都不是很了解。我基本上是在做某种科学怪人的代码，但是一切都很好。在我实施contenthover之前...
事情是这样的：我正在Dreamweaver中使用prettyPhoto和contenthover构建网站。在一页中，我两个插件都在工作。我需要一个按钮来从contenthover触发prettyPhoto，并且确实可以，但是出于某种原因，图库中的第一张图像被复制了。这真的很奇怪，因为在实施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,});
}
});
});
最佳答案
由于您使用rel ='prettyPhoto'有两个显式链接/触发到同一张图片，因此它将在图库中显示该图片两次。要解决此问题，您可以执行以下SO question这样的操作：
<button id="startPrettyPhoto">Open Gallery</button>
然后在您的javascript部分中，添加：
$("#startPrettyPhoto").click(function() {
$("a[rel^='prettyPhoto']:first").click()
});