单击时放大图像,可以单击下一个查看下一个图像


Enlarge an image when clicking on it, Can click next to see next images

我有这个代码:

    <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和其他浏览器中工作。

最后,我使用了一个名为"colorbox"的插件。它根据链接在页面上打开一个iframe。iframe中的页面通过使用生成的链接中的$_GET变量来知道要显示哪种植物的图像。在这个iframe中,我需要编码一个由$_GET元素定义的安全数据库连接。它计算图片的核心,对它们进行分页,以及所有内容。感谢我自己!