1

私は JavaScript を学んでおり、私の家の仕事の 1 つは、1 つのページに 2 つの別々の JavaScript スライドショーを表示することです。最初のスライドショーの作成に成功しました。ただし、コードを複製して単純に画像を交換しようとすると、1 つのスライドショーが停止します。最初のスライドショーのコードは次のとおりです。助けてくれてありがとう。

<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>
4

1 に答える 1

0

2番目のスライドショーでは、「deluxe_second」などの画像に別の名前を使用し、次の点を除いてすべて同じ別のslideit（）関数を定義します。

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

それがあなたの問題を解決することを願っています:)

于 2012-10-04T01:05:59.720 に答える