点击图片放大，可以点击next查看下一张图片答案

【问题标题】：Enlarge an image when clicking on it, Can click next to see next images点击图片放大，可以点击next查看下一张图片
【发布时间】：2012-08-02 01:06:17
【问题描述】：

我有这个代码：

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

【问题讨论】：

标签： php image fullscreen image-gallery photo-gallery

【解决方案1】：

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

【讨论】：