Question

I edited this post to present it with better clarity of what I'm actually asking.

我的困惑在某种程度上仍然不清楚构成javascript幻灯片的组件。据我所知，幻灯片放映具有使其工作的基本组件：1）数组，2）预加载声明，3）计数器，它是for循环，4）下一个图像函数。当然还有onclick按钮来执行事件。 onclick按钮调用下一个图像功能。我重做了代码。虽然，它不是很有效但我没有错误也没有警告。一切看起来都与我一直在关注的教程类似。在我提交作业之前的任何建议。谢谢。

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1    /DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <title>slideshow</title>
 <script type="text/javascript">

 //create array of image objects

 var myPic=new Array("photos/picture0.jpg",
                "photos/picture1.jpg",
                "photos/picture2.jpg",
                "photos/picture3.jpg",
                "photos/picture4.jpg")
 var num=0; //I believe this is my index
 //I don't understand why I'm creating a new array here.
 //I saw it in two different tutorials
 var preLoad=new Array(5)
 //Here I'm initializing the counter and preloading the images.
 for(i=0;i<myPic.length;i++)
 {
preLoad[i]=new Image()//Don't understand this part yet or the next line.
                    //I saw it in a tutorial

preLoad[i].src=myPic[i]
 }
 //this is to load the next image, reset the counter and end the loop.
 function nextImg()
 {
if(num<preLoad.length-1){
num=num+1;
document.getElementById("myImg").src=preLoad[num].src
}
else{   
num=0
document.getElementById("myImg").src=preLoad[num].src
}
 }
 </script>
 <!--So far no errors, no warnings.-->
 </head>
 <body>
 <img id="myImg" src="photos/picture0.jpg" width="225" height="225" alt="firt picture"   border="3"/>
 <input type="button" value="show next picture" onclick="nextImg)" />
 </body>
 `enter code here`</html>

Answer 1

这是什么......？

<form name="show" align: center; />

看起来像样式信息但是它裸露在那里，你不需要在表格上使用样式，因为它不是显示的东西。

另外，这里有一堆错误，但最重要的是你不了解数组是如何工作的。你的代码没有做你认为正在做的事情。你正在递增myPic，它不是一个整数，它是一个数组。你需要增加的是数组中的索引......

myPic = new Array('a','b','c');
myIndex = 0;

var currentLetter = myPic[ index ] ;//currentLetter is now 'a'
index++;
currentLetter = myPic[ index ]; // currentLetter is now 'b'

我不确定你的意思我== [0] ...我怀疑你的意思是我== 0？或者你再次混淆循环数组是如何工作的。

javascript幻灯片的主要组成部分是什么？

1 个答案: