用JS实现随机显示N张图片

用JS实现随机显示N张图片,第1张

<script type="text/javascript">

function existDuo(a, t){

for(var i in a)

if(a[i]==t)

return true

return false

}

var a=[]

while(a.length<6){

var t=Math.floor(Math.random()*50+1)

if(!existDuo(a,t)) a.push(t)

}

for(var i in a)

document.write('<li><img src="'+a[i]+'.jpg"></li>\n')

</script>

id=(1000+parseInt(Math.random()*500)*1).toString().substr(1)

document.write("<a href='" + id +".html'><img src='./PicShow/" + id + ".gif'></a>")

var arrImgs={"url1","url2","url3",...}图片地址存在数组中

var html=''

//遍历数组插入img标签到页面

for(var i=0i<arrImgs.lengthi++){

    html+='<img src="'+arrImgs[i]+'" />'//创建img标签,图片地址赋值src

}

document.getElementById("要插入的容器id").innerHtml=html


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

原文地址: https://outofmemory.cn/bake/11495012.html

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

发表评论

登录后才能评论

评论列表(0条)

保存