采用javascript播放图片:
看了桂林榕湖饭店的网站,感觉它的banner的图片展示采用javascript,效果真的不错.logo在上面,图片展示效果在下面,logo为gif背景透明.效果真的很棒,该网站美中不足之处就是打开网站速度有些慢,不太清楚是程序执行速度还是网速问题.我用的是电信宽带.2007年12月4日
网址: http://www.ronghuhotel.com/
代码:
<div id="banner">
<a href="/hotel/PhotoA.php?type=1">
<img id="bannerImg" src="/images/banner-01.jpg" />
</a>
<script language="JavaScript">
var BannerImg = new Array(9);
for(var i=0; i<9; i++) {
BannerImg[i]= "/images/banner-0" + (i+1) + ".jpg";
}
var banner_img_index = 0;
function playBannerImg() {
var img = document.getElementById('bannerImg');
if (banner_img_index == (BannerImg.length - 1)) {
banner_img_index = 0;
} else {
banner_img_index++;
}
img.style.filter = "blendTrans(Duration=3)";
img.filters[0].apply();
img.src = BannerImg[banner_img_index];
img.filters[0].play();
setTimeout("playBannerImg()",5000);
}
playBannerImg();
</script>