首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >放大图像时,单击它,可以单击下一步查看下一张图像

放大图像时,单击它,可以单击下一步查看下一张图像
EN

Stack Overflow用户
提问于 2012-08-02 09:06:18
回答 1查看 2.3K关注 0票数 0

我有这样的代码:

代码语言:javascript
运行
复制
    <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和其他浏览器中工作。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-08-07 06:45:00

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11769682

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档