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

时间:2012-08-02 01:06:18

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

我有这段代码:

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

1 个答案:

答案 0 :(得分:0)

最后,我使用了一个名为&#34; colorbox&#34;的插件。它会根据页面链接在页面上打开iframe。 iframe中的页面通过使用生成的链接中的$ _GET变量来了解要显示哪个工厂的图像。在这个iframe中,我需要编写由$ _GET元素定义的安全数据库连接。它计算图片的nuber,分页他们和一切。谢谢你!