9 Jun

侧栏相册图片变换代码

分类:网络生活   出处:本站原创                            | |
在网页的侧栏或是适当位置(Boblog是新建侧栏)插入以下代码:
注意:这个不是调用相册里的图片,只是做为相册图片的一种展示,如有不懂博客留言!
<SCRIPT language=JavaScript>
var bannerAD=new Array();
var bannerADlink=new Array();
var adNum=0;

bannerAD[0]="images/1.jpg";
bannerADlink[0]="";
bannerAD[1]="images/2.jpg";
bannerADlink[1]="";
bannerAD[2]="images/3.jpg";
bannerADlink[2]="";
bannerAD[3]="images/4.jpg";
bannerADlink[3]="";

var preloadedimages=new Array();
for (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='';
if (jumpUrl != ''){
if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
else location.href=jumpUrl;
}
}
function displayStatusMsg() {
status=bannerADlink[adNum];
document.returnValue = true;
}
</SCRIPT>
<A
onmouseover="displayStatusMsg();return document.returnValue"
href="javascript:jump2url()"><IMG
style="FILTER: revealTrans(duration=2,transition=20)"
src="images/1.jpg" width="170" height="128" border=0
name=bannerADrotator></A>
<SCRIPT language=JavaScript>nextAd()</SCRIPT>

图片宽度根据你的侧栏宽度或是网页宽度自行修改width="170" height="128"两处。
如要更多的图片显示,则在
bannerAD[3]="images/4.jpg";
bannerADlink[3]="";
下面增加,注意编号

如是Boblog则将图片放于博客根目录下面的images下面或是自行修改路径。
13496 次阅读
1 条评论
0 条引用
雨 作者:yeyo   时间:18:50   Tags: , , ,
sakura Email Homepage
2006.06.11 21:58
我代码没放错,图片增加到11张
然则为什么最多只能显示六张
simear2004 回复于 2006.06.11 23:38
不可能(我测试过的),我看了你的那个,变换效果都没了,你肯定有改过代码,你在仔细对照试试
分页: 1/1 第一页 1 最后页
发表评论
  昵称 [注册]
  密码 (游客无需密码)
  网址
  电邮
  您也可用OpenID登入
开启/隐藏 高级扩展