87,907
社区成员
发帖
与我相关
我的任务
分享js点击缩略图弹出层显示原图
嗨 大家好！小女子有个小问题想请教？我想做一个点击缩略图弹出层显示原图，而且是可以套到循环里的。那个大哥哥大姐姐会或者做过类似的，可否代码贴一下 万分感激！
...全文
请发表友善的回复…
发表回复
leizi43 2012-10-31
- 打赏
- 举报
我也试一下，是我想问的。
php321 2012-10-31
- 打赏
- 举报
[Quote=引用 5 楼 的回复:]
ok！！问题解决了哦！谢谢大家 ！
[/Quote]请问LZ搞定了吗？帮小弟一把呗
ok！！问题解决了哦！谢谢大家 ！
[/Quote]请问LZ搞定了吗？帮小弟一把呗
php321 2012-10-31
- 打赏
- 举报
[Quote=引用 5 楼 的回复:]
ok！！问题解决了哦！谢谢大家 ！
[/Quote]
请问是如何做的呀？
ok！！问题解决了哦！谢谢大家 ！
[/Quote]
请问是如何做的呀？
ZXY900213 2011-09-21
- 打赏
- 举报
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title></title>
<style type="text/css">
#imgFrame{ position:absolute; top:40%; left:40%; z-index:1000; display:none;}
</style>
</head>
<body>
<div>
<ul>
<li>
<img src="小图路径1" original="原图路径1" onclick="showOriginal(this)" />
</li>
<li>
<img src="小图路径2" original="原图路径2" onclick="showOriginal(this)" />
</li>
<li>
<img src="小图路径3" original="原图路径3" onclick="showOriginal(this)" />
</li>
<li>
<img src="小图路径4" original="原图路径4" onclick="showOriginal(this)" />
</li>
</ul>
</div>
<div id="imgFrame">
<div><a href="javascript:close();">关闭</a></div>
<div id="imgbox"></div>
</div>
<script type="text/javascript">
function showOriginal(img) {
document.getElementById("imgFrame").style.display = "block";
document.getElementById("imgbox").innerHTML = "<img src='" + img.getAttribute("original") + "' />";
}
function close() {
document.getElementById("imgFrame").style.display = "none";
}
</script>
</body>
</html>
meimei 2011-09-21
- 打赏
- 举报
[Quote=引用 1 楼 calmcrime 的回复:]
楼主可以试一下 jquery.thickbox.js
[/Quote]
jquery.thickbox.js 这个不太会 有可以套用的js吗？
可否 贴一下 谢谢！
楼主可以试一下 jquery.thickbox.js
[/Quote]
jquery.thickbox.js 这个不太会 有可以套用的js吗？
可否 贴一下 谢谢！
meimei 2011-09-21
- 打赏
- 举报
jquery.thickbox.js 这个不太会 有可以套用的js吗？
可否 贴一下 谢谢！
可否 贴一下 谢谢！
001007009 2011-09-21
- 打赏
- 举报
楼主可以试一下 jquery.thickbox.js
meimei 2011-09-21
- 打赏
- 举报
ok！！问题解决了哦！谢谢大家 ！
