HTML文件的缩略图如何显示页面内容

HTML文件的缩略图如何显示页面内容,第1张

先打开任一个有图片文件夹,然后设成缩略图的形式显示。

下一步就是关键了:再点菜单栏里的“工具(t)”----文件夹选项(o)----查看-----应用到所有文件夹(l)!

剩下的你会了吧!

记得给我加分哟。

请把下面段代码保存为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>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6157652.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-16
下一篇 2023-03-16

发表评论

登录后才能评论

评论列表(0条)

保存