我有这个代码:
<div class="images_liste_plante_solo">
<div class="image_liste_plante">
<img alt="Hosta - Eternal Flame" src="images/eternal_flame_miniature.jpg"/>
</div>
<div class="image_liste_plante">
<img alt="Hosta - Eternal Flame" src="images/eternal_flame-2_miniature.jpg"/>
</div>
<div class="image_liste_plante">
<img alt="Hosta - Eternal Flame" src="images/eternal_flame-3_miniature.jpg"/>
</div>
</div>
我会有一个可变数量的图片,因为图片的数量取决于我的PHP数据库。我还可以调出全屏大小图片的目录,并可以选择所有图片的最大大小(如果它们足够大,可以达到)。
所以,当我们点击图片时,我需要它在页面上用全屏画廊放大图片,使后面的东西变暗,有点像我们想在facebook上放大图片时。它将只使用类为"image_list_plante"的图像,并将使用我对每个图像的全屏图像的回显链接(也许这个链接可以在不可见的div中回显)。此外,我将回显(在不可见的div中)一个布尔值,它决定您是否可以右键单击图片。我甚至会回显将放置在图片下方或上方的文本。不可见的div将位于每个"image_liste_plante"div内部以及图片之后或之前。如果需要的话,我可以把类放在这些不可见的div中,等等…
我该怎么做?棘手的问题。我对JavaScript和jQuery等一无所知。。。我唯一知道的是HTML/CSS/PHP/PDO。
我可以修改和调整的插件已经构建好了吗?目前,我只会在图片上放一个.jpg文件的链接。。。。但它不能这样呆太久。
*也需要在IE7和其他浏览器中工作。