2012-10-10 77 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。