2012-10-10 100 views
1

這是幻燈片劇本,我希望它在鼠標移過時停止。但我不知道要添加什麼。我試圖尋找它的在線,但它們都基於提供的(僅在這一點上的JavaScript)的信息不工作:(停止幻燈片onmouseover javascript

<SCRIPT LANGUAGE="JavaScript"> 
<!-- 
var dimages=new Array(); 
var numImages=2; 
for (i=0; i<numImages; i++) 
{ 
dimages[i]=new Image(); 
dimages[i].src="/v/vspfiles/assets/images/image"+(i+1)+".jpg"; 
} 
var curImage=-1; 
function swapPicture() 
{ 
if (document.images) 
{ 
var nextImage=curImage+1; 
if (nextImage>=numImages) 
nextImage=0; 
if (dimages[nextImage] && dimages[nextImage].complete) 
{ 
var target=0; 
if (document.images.myImage) 
target=document.images.myImage; 
if (document.all && document.getElementById("myImage")) 
target=document.getElementById("myImage"); 

if (target) 
{ 
target.src=dimages[nextImage].src; 
curImage=nextImage; 
} 
setTimeout("swapPicture()", 4000); 
} 
else 
{ 
setTimeout("swapPicture()", 1000); 
} 
setTimeout("swapPicture()", 4000); 
//--> 
+0

你有什麼試過?你卡在哪裏?這不是「請爲我做這個」服務檯。 –

+0

您應該瞭解事件監聽器,並使用'onmouseover'事件來執行必要的步驟來停止幻燈片放映。 – Andrew

回答

0

。幻燈片腳本依賴於 setTimeout();

負責停車的setTimeout()的代碼;爲

clearTimeout();

鼠標事件(S)添加到幻燈片,並調用clearTimeout()對於鼠標事件和最佳實踐CHEC。 K SO瞭解更多說明。

這裏是關於setTimeout()的一個參考。

http://www.w3schools.com/js/js_timing.asp

請有關鼠標事件更好,更準確的代碼後置HTML。