javascript - 将两个单独的 javascript 幻灯片放在一页上

Question

我正在学习 javascript，我的家庭作业之一是在一页上有两个单独的 javascript 幻灯片。我已经成功创建了第一张幻灯片。然而，当我尝试复制代码并简单地交换图像时，一张幻灯片就会停止。这是第一张幻灯片的代码。感谢您的帮助。

<script type="text/javascript">
<!--
var image1=new Image()
image1.src="../skin/frontend/default/pique/images/plans/deluxe/deluxe1.png"
var image2=new Image()
image2.src="../skin/frontend/default/pique/images/plans/deluxe/deluxe2.png"
var image3=new Image()
image3.src="../skin/frontend/default/pique/images/plans/deluxe/deluxe3.png"
//-->
</script>
<img src="../skin/frontend/default/pique/images/plans/deluxe/deluxe1.png" name="deluxe"
width="168" height="207" />
<script>
<!--
//variable that will increment through the images
var step=1
function slideit(){
//if browser does not support the image object, exit.
if (!document.images)
return
document.images.deluxe.src=eval("image"+step+".src")
if (step<3)
step++
else
step=1
//call function "slideit()" every 2.5 seconds
setTimeout("slideit()",2500)
}
slideit()
//-->
</script>

Answer 1

对于第二张幻灯片，请为图像使用单独的名称，例如“deluxe_second”或任何其他名称，并定义另一个 Slideit() 函数，除了:

document.images.deluxe_second.src=eval("image"+step+".src")

希望它能解决您的问题:)