当用户点击缩略图时,我想在html中弹出该图像

时间:2010-11-12 16:06:30

标签: javascript jquery html

我希望当用户点击图像缩略图时,图像弹出窗口就像在click here

中一样 plesase告诉我最简单的方法,因为我是Web开发的新手。 请帮帮我,等待你的回复。

6 个答案:

答案 0 :(得分:5)

这种东西被称为模态弹出窗口(模态,因为它阻止了与页面其余部分的交互。)有很多实现可用。 JQuery DialogLightbox是一些更好的。

答案 1 :(得分:2)

您可以使用任何lightbox插件。还有一些其他版本,例如herehere

用法略有不同,但上面的每个网站都有例子。您可以谷歌搜索更多信息,只需搜索“javascript lightbox”或“jquery lightbox”即可获得更多示例。

答案 2 :(得分:1)

您正在查看的是模态弹出窗口: http://www.queness.com/post/77/simple-jquery-modal-window-tutorial

以上是教程。

答案 3 :(得分:1)

我建议你看看这个jQuery。 www.jquery.com 加载jquery库,然后加载灯箱组件。如果你使用谷歌的“jquery灯箱”,你会发现你需要的东西。

答案 4 :(得分:0)

您可以使用fancybox。它很容易使用

答案 5 :(得分:0)

我在这里实施了

http://www.art.com/gallery/id--b1822/abstract-posters.htm?ui=9E23F1D932F54F2F8F2E37851C860158

鼠标悬停任何图像,我显示大图。

如果您愿意,请告诉我,我可以为您提供代码

http://www.allposters.com/-st/Animal-Posters_c622_.htm

更改为网格视图和鼠标悬停图像

它应该非常简单,您可以准备好大图像并通过识别最大高度和最大宽度来创建具有大图像的html

并显示具有更大z-index的div。多数民众赞成。