jQuery Lightbox 帮助

Question

好吧，我是一个完全的初学者，但是为了完成我正在开发的网站，我需要创建一个在单击链接时出现的灯箱。

我正在创建的网站是艺术家作品集，我需要学习 jQuery，这意味着他们可以单击照片，然后 div 会随着该照片的较大版本淡入。

较小的图像存储在名为“Portfolio”的文件夹中，灯箱图像存储在名为“lightbox”的文件夹中。

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

感谢您的帮助。

Answer 1

弹出的图像始终是缩略图链接到的图像。在以下情况下，单击缩略图时将弹出 lightbox 文件夹中的 image.jpg 文件。

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

希望这有帮助!