我已阅读有关此主题的其他主题,但尚未找到针对我的特定情况的答案。我已经从http://jsfiddle.net/g9R4H/修改了代码举一个我正在努力完成的例子。在我的实现中,我可能有多个图像的多个副本。一个图像可能有两个缩略图,另一个可能有 3 个都在同一页面上。我已将问题缩小到 eq(0) 设置,并确定当花哨的框打开时将该值更改为 1 会选择不同的图像。我无法根据单击的图像确定如何设置该值。在我的实际脚本中,链接是通过 php 生成的,当我创建触发器链接时,我知道它与什么图像值相关。我是 javascript 方面的新手,所以在回答时请记住这一点。TIA
<a data-trigger-rel="gallery" class="fancybox-trigger" href="http://fancyapps.com/fancybox/demo/2_b.jpg"><img src="http://fancyapps.com/fancybox/demo/2_s.jpg" alt=""/></a>
<a data-trigger-rel="gallery" class="fancybox-trigger" href="http://fancyapps.com/fancybox/demo/1_b.jpg"><img src="http://fancyapps.com/fancybox/demo/1_s.jpg" alt=""/></a>
<br />
<br />
<a rel="gallery" class="fancybox" href="http://fancyapps.com/fancybox/demo/2_b.jpg"><img src="http://fancyapps.com/fancybox/demo/2_s.jpg" alt=""/></a>
<a rel="gallery" class="fancybox" href="http://fancyapps.com/fancybox/demo/1_b.jpg"><img src="http://fancyapps.com/fancybox/demo/1_s.jpg" alt=""/></a>
$(".fancybox-trigger").click(function() {
$("a[rel='" + $(this).data('trigger-rel') + "']").eq(0).trigger('click');
return false;
});
$(".fancybox").fancybox();