展开全部
请把下面段代码保存为test.html，跟s1.jpg, s2.jpg, s3.jpg和b1.jpg, b2.jpg, b3.jpg六张图片放在一起，应该就可以实现点击小图片，显示大图片。希望对你有用。
<html>
<body>
<img id=showbig /><hr>
<script>
var Simgs = ["s1.jpg", "s2.jpg", "s3.jpg"];
var Bimgs = ['b1.jpg', 'b2.jpg', 'b3.jpg'];
for(x in Simgs)
{document.write("<img id="+Bimgs[x]+" src="+Simgs[x]+" onclick=showbig(this.id) />");}
function showbig(sid){ document.getElementById("showbig").src=sid;}
</script>
</body>
</html>
<html>
<body>
<img id=showbig /><hr>
<script>
var Simgs = ["s1.jpg", "s2.jpg", "s3.jpg"];
var Bimgs = ['b1.jpg', 'b2.jpg', 'b3.jpg'];
for(x in Simgs)
{document.write("<img id="+Bimgs[x]+" src="+Simgs[x]+" onclick=showbig(this.id) />");}
function showbig(sid){ document.getElementById("showbig").src=sid;}
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你好,匹配一下地址即可:
var imgs= ['1.img','2.img','3.img','4.img','5.img']
$('ul li img').click(function (i) {
$(this).src=imgs[$(this).index()]
})
不懂请追问,望采纳!
var imgs= ['1.img','2.img','3.img','4.img','5.img']
$('ul li img').click(function (i) {
$(this).src=imgs[$(this).index()]
})
不懂请追问,望采纳!
追问
有没有完整的，能给我发一份吗，我刚接触
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
小图绑定 onclick事件，动态替换大图的地址路径。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
