也问一个关于图片OCLICK事件的问题！在线等

请教，目前已实现图片动态轮回显示，请问如何实现点击图片时，图片停止在最后一幅图片上，再次点击时，重新动态轮回显示；以后代码如下：
<HTML>
<HEAD>
<title>WebForm1</title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="C#" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
<script language="javascript">
var i=0;
var time = 1500;//定义时间间隔，单位毫秒
function displayIMG()
{
document.all["Img1"].src = imagePaths[i];i+=1;
if(i>=imageCount) i=0;window.setTimeout("displayIMG()",time);
}
</script>
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<IMG id="Img1" style="Z-INDEX: 102; LEFT: 64px; POSITION: absolute; TOP: 16px" alt="点击选择图片" src=""
 onclick="">
</form>
<script language="javascript">
displayIMG();
</script>
</body>
</HTML>

解决方案 »

  1.   

    <HTML>
    <HEAD>
    <title>WebForm1</title>
    <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
    <meta content="C#" name="CODE_LANGUAGE">
    <meta content="JavaScript" name="vs_defaultClientScript">
    <meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
    <script language="javascript">
    var i=0;
    var time = 1500;//定义时间间隔，单位毫秒
    var tm=null;
    function displayIMG()
    {
    document.all["Img1"].src = imagePaths[i];i+=1;
    if(i>=imageCount) i=0;tm=window.setTimeout("displayIMG()",time);
    }var flag=true;
    function image_click(){
    if(flag){
    clearTimeout(tm);
    document.all["Img1"].src = ...;//你最后一张图片的地址
    }
    else{
    displayIMG();
    }
    flag=!flag;
    }
    </script>
    </HEAD>
    <body MS_POSITIONING="GridLayout">
    <form id="Form1" method="post" runat="server">
    <IMG id="Img1" style="Z-INDEX: 102; LEFT: 64px; POSITION: absolute; TOP: 16px" alt="点击选择图片" src=""
     onclick="image_click()">
    </form>
    <script language="javascript">
    displayIMG();
    </script>
    </body>
    </HTML>