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

希望它能解决您的问题：）

在一个页面上放置两个单独的JavaScript幻灯片

1 个答案: