js代码中怎样实现多个图片中5个一起出现???

js中有1-10个图片及连接,怎样让其5个一组随机展示???代码怎么写???
图片能展示 但是怎么加链接呢???

<html>
<head>
<title>randImageOutput</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-CN" />
<script type="text/javascript">
if(!document.getElementById("outputContainer")){
setTimeout('loadImage()',1000);
}
function loadImage(){
function RandomNum(under, over){
switch(arguments.length){
case 1: return parseInt(Math.random()*under+1);
case 2: return parseInt(Math.random()*(over-under+1) + under);
default: return 0;
}
}
Array.prototype.S=String.fromCharCode(2);
Array.prototype.in_array=function(e) {
var r=new RegExp(this.S+e+this.S);
return (r.test(this.S+this.join(this.S)+this.S));
}
var outputImage = '';
var imageArray = [];
for(var i=0;i<5;i++){
var randNum = RandomNum(1,10);
if(!imageArray.in_array(randNum)){
imageArray[i] = randNum;
}else{
i--;
}
}
for(var i=0;i<imageArray.length;i++){
outputImage += "<img src='image/"+imageArray[i]+".jpg' />";
}
document.getElementById("outputContainer").innerHTML = outputImage;
}
</script>
</head>
<body>
<style>
img{
width:170px;
height:220px;
float:left;
}
</style>
<div id="outputContainer"></div>
</body>
</html>
//image文件夹下有1.jpg--10.jpg,自己添加。
温馨提示:内容为网友见解,仅供参考
无其他回答

求助:五屏焦点图js代码
试试这个图片切换效果吧 有12345数字一起切换 鼠标点一下数字会变换到另一张图片,不点就会自动换 里面有教程和源码 参考资料:http:\/\/www.blueidea.com\/common\/shoutbox\/redir.asp?1=a&id=10895

...在这图片里的5个方块中加入滚动的多张图片?希望能详细点,详细在加...
如果想要加入滚动图片的话,需要js实现,目前有很多JQuery图片轮播插件可以用,思路就是在每个div上加一个相对定位和设置overflow: hidden;之后吧图片设置为绝对定位,再使用js改变每个图片的位置,例如:水平移动的话,图片的left(css属性)值减少或增加,就可实现轮播功能 ...

一个页面中有多个图片,然后点击每一个图片就会有显示一个带有图片的div...
DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Strict\/\/EN" "http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-strict.dtd">Lightbox JS v2.0

...函数让鼠标经过标题文字时图片也跟着一起换,有五张图片,求好心人...
给你写一个例子 js部分:(document).ready(function(){ $('#z').mouseover(function(){ $('#1').show(); }); $('#z').mouseout(function(){ $('#1').hide(); }); });jsp部分:资讯

一个div里面有多张图片,用js怎么实现使图片在div里面的位置随机摆放呢...
var hehe = Math.floor(Math.random()*40)+60;60-100的随机数 然后每张图片的便宜量随机,然后第几张就用这个乘几,偏移的随机,这样应该可以做到你要的效果

怎样用js插入多张图片
var arrImgs={"url1","url2","url3",...};图片地址存在数组中var html='';\/\/遍历数组插入img标签到页面for(var i=0;i<arrImgs.length;i++){ html+='';\/\/创建img标签,图片地址赋值src}document.getElementById("要插入的容器id").innerHtml=html;...

js中,如何等待多个图片加载完后再执行其他的js代码。
可以在js全局代码中,增加一个变量n,用作计数器,表示总图片数。然后使用图片的onload事件,每成功加载一次图片,将计数器n减去1 当n变成0时,表示图片均加载完毕,这时即可开始执行其他JS代码。具体示例代码:var n=$pre4y_main.length;...$img[0].onload=function(){ ... n--; if(...

新闻源js代码图片如何?
尝试一下这个图片切换功能,它能实现1至5数字的连续切换。当您点击数字时,图片会相应变换到另一张;若不点击,则会自动换图。此功能附有详细的教程和原始代码,方便您理解和实践。要实现这个图片切换功能,您需要以下步骤:首先,确保您已引入HTML、CSS和JavaScript的基本框架。创建一个包含多张图片的...

js中 json一个字段多个图片怎么依序显示
先将图片地址,按规则全部读取到数组,通过数组排序即可。

js定时控制多个div自动切换 5个div,只显示一个,其余4个隐藏,用js控制每...
if(NowImg==MaxImg)\/\/判断当前div是否是最后一个,如果是则从第一个重新轮回显示 NowImg=1;else NowImg++;\/\/设置下一个显示的图片 } theTimer=setInterval("show()",10000);\/\/设置定时器,显示下一个图片,10000表示每间隔10秒,可以改的。。。

相似回答