用javascript语言在Velocity模板下实现图片循环显示

最新推荐文章于 2020-07-22 17:25:07 发布

秦地小哥

最新推荐文章于 2020-07-22 17:25:07 发布

阅读量698

点赞数

分类专栏：编程技术文章标签： javascript velocity 语言 function transition image

编程技术专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<br>
<head>
#if($images.size() != 0 )
<script language=JavaScript>
<!-- // BannerAD
var bannerAD=new Array();
var bannerADlink=new Array();
var adNum=0;

#set ($i = 0)
#foreach($image in $images)
bannerAD[$i]="${image}";
bannerADlink[$i]="${imageLink}";
#set ($i = $i + 1)
#end

var preloadedimages=new Array();
for (var i=1;i<bannerAD.length;i++){
preloadedimages[i]=new Image();
preloadedimages[i].src=bannerAD[i];
}

function setTransition(){
if (document.all){
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
bannerADrotator.filters.revealTrans.apply();
}
}

function playTransition(){
if (document.all)
bannerADrotator.filters.revealTrans.play()
}

function nextAd(){
if(adNum<bannerAD.length-1)adNum++ ;
else adNum=0;
setTransition();
document.images.bannerADrotator.src=bannerAD[adNum];
playTransition();
theTimer=setTimeout("nextAd()", 5000);
}

//-->
</script>
#end

</head>

<body topmargin="0" marginheight="0" leftmargin="0" marginwidth="0">
<table>
<tr>
<div>
<td align=center>
#if($images.size() != 0 )
<a href="${imageLink}" ></a><a onMouseOver="displayStatusMsg();return document.returnValue"
href="jump2url()">
<img
style="FILTER: revealTrans(duration=$rate,transition=20)" height=241
src="$images.get(0)" width="362" align=center border=0 name=bannerADrotator></a>
#end
</td>
</div>
<div></div>
</tr>
<tr>
<td height="55" width="360" align=center><a href="${imageLink}" >$title</a></td>
</tr>
</table>
</body>
#if($images.size() != 0 )
<SCRIPT language=JavaScript>nextAd()</script>
#end