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")

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