javascript轮换显示图片.txt

来自「使用javascript轮换显示图片」· 文本 代码 · 共 51 行

<script language="JavaScript">
	var imgUrl = new Array();
	var imgLink = new Array();
	var imgText = new Array();
	var picNum = 0;
	imgUrl[1] = "upload/images/2.jpg";
	imgLink[1] = "链接1";
	imgText[1] = "标题或简介或其它HTML内容1";
	imgUrl[2] = "upload/images/44444.jpg";
	imgLink[2] = "链接2";
	imgText[2] = "标题或简介或其它HTML内容2";
	imgUrl[3] = "upload/images/666666.jpg";
	imgLink[3] = "链接3";
	imgText[3] = "标题或简介或其它HTML内容3";
	imgUrl[4] = "upload/images/11.jpg";
	imgLink[4] = "链接4";
	imgText[4] = "标题或简介或其它HTML内容4";
	imgUrl[5] = "upload/images/2008061815154874258772182.jpg";
	imgLink[5] = "链接5";
	imgText[5] = "标题或简介或其它HTML内容5";

	window.onload = function NextPic() {
		if (picNum < 5)
			picNum++;//显示5个图片
		else
			picNum = 1;
		if (document.all) {
			//下面注意，如果存在于FORM表单中，需要使用下面的方法，否则可直接使用name。
			document.imgInit.filters.revealTrans.Transition = Math.floor(Math
					.random() * 23);
			document.imgInit.filters.revealTrans.apply();
			document.imgInit.filters.revealTrans.play();
		}
		document.images.imgInit.src = imgUrl[picNum];
		//如果不是图片，而是SWF等，可做判断，内容可在程序中做好，再放于下面。
		
		//设置翻页时间
		theTimer = setTimeout('NextPic()', 3000);
	}

	function goUrl() {
	  window.open(imgLink[picNum], '_blank');
	}
</script>
页面上写
<div align='center'>
						<a href='javascript:goUrl()'>
                            <img  src="javascript:NextPic()" width="268" height="255" border="1" style="FILTER: revealTrans(duration = 2, Transition = 5)"
								 id=imgInit name=imgInit> </a>      
            </div>