Javascript幻灯片演示一点帮助_Javascript_Html

Javascript幻灯片演示一点帮助

javascript html

Javascript幻灯片演示一点帮助,javascript,html,Javascript,Html,我正在尝试制作幻灯片，我刚刚开始制作网站，但幻灯片不起作用，我不知道为什么。我已经修复了所有的错误，所以现在我需要一些帮助 <head> <title>Alanna's JavaScript slide show</title> <script language="JavaScript"> var interval = 1500; var random_display = 0; var imageDir = ""; var imageNum =

我正在尝试制作幻灯片，我刚刚开始制作网站，但幻灯片不起作用，我不知道为什么。我已经修复了所有的错误，所以现在我需要一些帮助

<head>
<title>Alanna's JavaScript slide show</title>
<script language="JavaScript">

var interval = 1500;
var random_display = 0;
var imageDir = "";
var imageNum = 0;
imageArray = new Array();
imageArray[imageNum++] = new imageItem(imageDir + "01.jpg");
imageArray[imageNum++] = new imageItem(imageDir + "02.jpg");
imageArray[imageNum++] = new imageItem(imageDir + "03.jpg");
imageArray[imageNum++] = new imageItem(imageDir + "04.jpg");
imageArray[imageNum++] = new imageItem(imageDir + "05.jpg");
var totalImages = imageArray.length;
function imageItem(image_location) {
    this.image_item = new Image();
    this.image_item.src = image_location;
    function get_ImageItemLocation(imageObj) {
        return (imageObj.image_item.src)
    }
    function randNum(x, y) {
        var range = y - x + 1;
        return Math.floor(Math.random() * range) + x;
    }
    function getNextImage() {
        if (random_display) {
            imageNum = randNum(0, totalImages - 1);
        }
        else {
            imageNum = (imageNum + 1) % totalImages;
        }
        var new_image = get_ImageItemLocation(imageArray[imageNum]);
        return (new_image);
    }
    function getPrevImage() {
        imageNum = (imageNum - 1) % totalImages;
        var new_image = get_ImageItemLocation(imageArray[imageNum]);
        return (new_image);
    }
    function prevImage(place) {
        var new_image = getPrevImage();
        document[place].src = new_image;
    }
    function switchImage(place) {
        var new_image = getNextImage();
        document[place].src = new_image;
        var recur_call = "switchImage('" + place + "')";
        timerID = setTimeout(recur_call, interval);
    }
<!--
// -->
</script>
</head>


Alanna的JavaScript幻灯片放映
var区间=1500；
var随机_显示=0；
var imageDir=“”；
var-imageNum=0；
imageArray=新数组（）；
imageArray[imageNum++]=新的imageItem（imageDir++“01.jpg”）；
imageArray[imageNum++]=新的imageItem（imageDir++“02.jpg”）；
imageArray[imageNum++]=新的imageItem（imageDir++“03.jpg”）；
imageArray[imageNum++]=新的imageItem（imageDir++“04.jpg”）；
imageArray[imageNum++]=新的imageItem（imageDir++“05.jpg”）；
var totalImages=imageArray.length；
功能imageItem（图像位置）{
this.image_项=新图像（）；
this.image\u item.src=图像位置；
函数get_ImageItemLocation（imageObj）{
返回（imageObj.image\u item.src）
}
函数randNum（x，y）{
var范围=y-x+1；
返回Math.floor（Math.random（）*range）+x；
}
函数getNextImage（）{
if（随机显示）{
imageNum=randNum（0，totalImages-1）；
}
否则{
imageNum=（imageNum+1）%totalImages；
}
var new_image=get_ImageItemLocation（imageArray[imageNum]）；
返回（新图像）；
}
函数getPrevImage（）{
imageNum=（imageNum-1）%totalImages；
var new_image=get_ImageItemLocation（imageArray[imageNum]）；
返回（新图像）；
}
功能图像（位置）{
var new_image=getPrevImage（）；
文档[place].src=新的\u图像；
}
功能开关图像（位置）{
var new_image=getNextImage（）；
文档[place].src=新的\u图像；
var recur_call=“switchImage（“+place+”）”；
timerID=setTimeout（重复调用，间隔）；
}

缺失}

    this.image_item.src = image_location;
}    <<<<

this.image\u item.src=image\u位置；
}另外，去掉script元素中的HTML注释分隔符——它们已经15年或更长时间不需要了（而且格式也不正确）。非常感谢你说的对，愚蠢的我，哈哈，我的JS调试器甚至没有显示这个错误，使用chrome的JS控制台
    this.image_item.src = image_location;
}    <<<<

<head>
<title>Alanna's JavaScript slide show</title>
<script language="JavaScript">
var interval = 1500;
var random_display = 0;
var imageDir = "";
var imageNum = 0;
var imageArray = [];
var place = "slideImg1";
for (var i=0;i<5;i++) {
  imageArray[i] = new imageItem(imageDir + "0"+i+".jpg")
}
var totalImages = imageArray.length;
function imageItem(image_location) { // preloads
    this.image_item = new Image();
    this.image_item.src = image_location;
}    
function get_ImageItemLocation(imageObj) {
    return imageObj.image_item.src;
}
function randNum(x, y) {
    var range = y - x + 1;
    return Math.floor(Math.random() * range) + x;
}
function getNextImage() {
  var imageNum = (random_display)?randNum(0, totalImages-1):(imageNum+1) % totalImages;
  return get_ImageItemLocation(imageArray[imageNum]);
}
function getPrevImage() {
    imageNum = (imageNum-1) % totalImages;
    return get_ImageItemLocation(imageArray[imageNum]);
}
function prevImage() {
    var new_image = getPrevImage();
    document[place].src = new_image;
}
function nextImage() {
    var new_image = getNextImage();
    document[place].src = new_image;
}
window.onload=function() {
  init();
}
function init() {
    nextImage()
    timerID = setInterval(nextImage, interval);
}
</script>
</head>
<body>
<img name="slideImg1" src="01.jpg" width=500 height=375 border=0>
<a href="#" onClick="init()">play slide show</a>
<a href="#" onClick="clearTimeout(timerID)"> pause</a>
<a href="#" onClick="prevImage(); clearTimeout(timerID)">previous</a>
<a href="#" onClick="nextImage(); clearTimeout(timerID)">next </a>
</body>