如何实现这个简单的jQuery图片库？
如何实现这个简单的jQuery图片库？
提问于 2012-10-14 22:50:46
我正在尝试做一个简单的jQuery画廊，只有3张图片，如下图所示。
我是这样翻译的：
if thumb clicked -> this thumb -> become big
current big -> become thumb问题是我不知道我翻译的方式是如何看起来正确的？
谢谢
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-10-14 23:20:15
请尝试以下操作：
<html>
<head>
<title>Simple Gallery</title>
<script src="jquery.js"></script>
<script>
function ChangeThis(getThumb)
{
for(var i=1;i<=3;i++)
{
if(getThumb == i)
{
$("#bigView").html("<img src='img"+i+"' />");
$("#thumb"+i).hide();
}
else
{
$("#thumb"+i).show();
}
}
}
</script>
<style>
#bigView{width:100px;height:100px;}
.thumb{width:30px;height:30px}
</style>
</head>
<body>
<table><tr><td colspan="3">
<div id="bigView"><img src='img1'></div>
</td></tr>
<tr>
<td><div id="thumb1" class="thumb" onclick="ChangeThis(1);" style="display:none;"><img src='img1' /></div></td>
<td><div id="thumb2" class="thumb" onclick="ChangeThis(2);"><img src='img2' /></div></td>
<td><div id="thumb3" class="thumb" onclick="ChangeThis(3);"><img src='img3' /></div></td>
</tr>
</table>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12883320
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号