jQuery Lightbox帮助

时间:2011-08-27 01:26:15

标签: jquery

好的,我是一个完全初学者,但为了完成我正在处理的网站,我需要创建一个在点击链接时出现的灯箱。

我正在创建的网站是一个艺术家作品的组合,我需要学习jQuery,这意味着他们可以点击一张照片,而div则会使用该照片的更大版本淡入淡出。

较小的图像存储在名为“Portfolio”的文件夹中,Lightbox图像存储在名为“lightbox”的文件夹中。

我遇到的主要问题不是灯箱,而是显示的图像,如何才能显示正确的图像?我的div中是否需要一个与jQuery对应的id?

感谢您的帮助。

1 个答案:

答案 0 :(得分:2)

弹出的图像始终是缩略图链接的图像。在下列情况下,单击缩略图时,将弹出灯箱文件夹中的 image.jpg 文件。

<a href="lightbox/image.jpg" rel="lightbox">
    <img src="portfolio/image-thumb.jpg" alt="..." />
</a>

希望这有帮助!