我用过灯箱，但我有一个问题。
这通常是灯箱结构：
<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
但我的结构：
<a href="#" ><img src="images/product_1.jpg" rel="lightbox"width="220" height="208" /></a>
因此，在打开弹出窗口rel="lightbox"后添加但不显示大图像时。a href="#"添加img src灯箱效果时不起作用。
我没有更改我的 html 结构，我该如何解决？
您可以使用以下
<a class="thumbnailhover" rel="lightbox" href="works1/images/index6.jpg">
<img src="works1/thumbnails/index6.jpg" width="150" height="135" border="0" />
</a>
关于什么：
<a href="images/image-1.jpg" rel="lightbox" title="my caption" >
<img src="images/product_1.jpg" width="220" height="208" />
</a>
为什么不使用fancybox？它更小，更易于使用。它也通过示例得到了非常广泛的记录。
这是链接： http: //fancybox.net/howto