Question

这是我的HTML代码：

    
<html>
<head>

<script language="JavaScript">
<!--
// Set speed (milliseconds)
var speed = 4000

// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = 'img_1.jpg'
Pic[1] = 'img_2.jpg'
Pic[2] = 'img_3.jpg'
Pic[3] = 'img_4.jpg'

// =======================================
// do not edit anything below this line
// =======================================

var t
var j = 0
var p = Pic.length

var preLoad = new Array()
for (i = 0; i < p; i++){
   preLoad[i] = new Image()
   preLoad[i].src = Pic[i]
}

function runBGSlideShow(){
   if (document.body){
   document.body.background = Pic[j];
   j = j + 1
   if (j > (p-1)) j=0
   t = setTimeout('runBGSlideShow()', speed)
   }
}

//-->
</script>
</head>
<body onload="runBGSlideShow()">

</body>
</html>

我尝试了所有我知道的改变它，以便在更换时图片会褪色，但我没有成功。如果你能加入HTML代码我会很感激（如果不能添加css）请看看你是否能帮助我。

Answer 1

为什么重新发明轮子？

这是一个漂亮的jQuery插件，已经这样做了

http://srobbin.com/jquery-plugins/backstretch/

更改用于淡化背景替换图像的HTML代码

1 个答案: