在一個頁面上放置兩個單獨的javascript幻燈片

我正在學習javascript，我的家庭作品之一是在一個頁面上有兩個單獨的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>

來源

2012-10-04 Vim Bonsu

你的代碼在哪裏？ –

嗨Kaidul，我在代碼編輯器中遇到了一個小問題。現在應該修好了。謝謝。 –

對於第二個幻燈片使用單獨的名稱，如「deluxe_second」或任何形象，也定義了另一個slideit（）函數都是一樣的除外：

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

希望這將解決您的問題:)

來源

2012-10-04 01:05:59

在一個頁面上放置兩個單獨的javascript幻燈片

回答

相關問題