2011-08-27 77 views
2

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

网站我创造是一个艺术家的作品集,我需要学习jQuery的,这将意味着他们可以点击一张照片和一个div与照片的放大版变淡英寸

较小图像被存储在被称为“组合”的文件夹中并且灯箱图像被存储在所谓的“收藏夹”文件夹中。

我遇到的主要问题是没有这么多的收藏夹,但显示了图像,我怎么能得到正确的形象出现?我需要在div中对应于jQuery的id吗?

感谢您的帮助。

回答

2

弹出的形象始终是缩略图链接到一个。在以下情况下,单击缩略图时,从收藏夹image.jpg的文件将弹出。

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

希望这会有所帮助!

+0

好,感谢,但我怎么得到它在IE褪色。什么是jQuery? – Callum

+0

如果您只需要lightbox功能,则不必使用jQuery。我的代码提到了一个不错的插件(它显然基于Prototype框架),它非常易于使用,根本不需要任何编码。请参阅http://www.huddletogether.com/projects/lightbox2/。 – Artyom

+0

好吧,但对于我的学校任务,我需要自己创建它(尽管我需要确认,所以我现在可能只是使用这个)。 – Callum