使用javascript的幻灯片放映中不显示图像

我正在使用以下代码并尝试了许多其他代码以在幻灯片中显示图像。但一切都是徒劳..没有错误是在我的代码，但不是一个单一的图像显示的是网页上的..我的代码是：使用javascript的幻灯片放映中不显示图像

<html> 
<head> 
<style> 

body{ 

    background-color: black; 
    padding:0; 
    margin:0; 
    width:320px; 
    height:480px; 

} 
img{ 
    -webkit-transition-property:opacity; 
    -webkit-transition-duration:3s; 
    position:absolute; 
    width:320px; 
    height:auto; 

} 
img.fade-out{opacity:0;} 
img.fade-in{opacity:1;} 

</style> 
</head> 
<body> 

<img src = "Slide1.JPEG";/> 
<img src = "Slide2.JPEG";/> 
<img src = "Slide3.JPEG";/> 
<img src = "Slide4.JPEG";/> 


var interval = 4 * 20; 

var images = document.getElementsByTagName("img"); 
var imageArray = []; 
var imageCount = images.length; 
var current =0; 

var randomize = funtion() { 

    return (Math.round(Math.random() * 3 - 1.5)); 
} 

for(var i=0; i<imageCount; i++) { 

    images[i].className = 'fade-out'; 

    imageArray[i] = images[i]; 
} 

imageArray.sort(randomize); 

var fade = function() { 

    imageArray[current++].className = 'fade-out'; 

    if(current == imageCount) { 

     current = 0; 

     imageArray.sort(randomize); 

    } 

imageArray[current].className = 'fade-in'; 

setTimeout(fade,interval * 100); 

}; 
fade(); 
</script> 
} 

</body> 
</html>

请指引我哪里是错误。感谢

来源

2012-08-30 user1626899

你缺少''

使用javascript的幻灯片放映中不显示图像

相关问题