您的位置：首页 > Web前端 > JavaScript

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

2012-03-20 22:31 597 查看
 <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);
}
function jump2url(){
jumpUrl=bannerADlink[adNum];
jumpTarget='_blank';
if (jumpUrl != ''){
if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
else location.href=jumpUrl;
}
}
function displayStatusMsg() {
status=bannerADlink[adNum];
document.returnValue = true;
}
//-->
</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
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  javascript velocity 语言 function transition image
相关文章推荐
新的分享
章节导航