我想实现点击图片在两幅图片之间切换,但只能显示1.jpg,点解1.jpg后不能出现2.jpg,各位帮忙看看哪里错了?
<HTML>
<HEAD>
<script type=text/javascript>
var img_idx=0;
var img_list=new Array("c:\1.jpg","c:\2.jpg");
function next_img(){
img_idx++;
img_idx%=img_list.length;
return img_list[img_idx];
}
</script>
</HEAD>
<BODY>
<img src="c:\1.jpg" onclick="this.src=next_img();"/>
</BODY>
</HTML>

解决方案 »

  1.   


    <HTML> 
    <HEAD> 
    <script type=text/javascript> 
    var img_idx=0; 
    var img_list = new Array("c:\1.jpg","c:\2.jpg"); 
    function next_img(obj){ 
    img_idx++; 
    img_idx %= img_list.length; 
    obj.src = img_list[img_idx];
    alert(obj.src);

    </script> 
    </HEAD> 
    <BODY> 
    <img src="c:\1.jpg" onclick="next_img(this);"/> 
    </BODY> 
    </HTML>
      

  2.   


    <HTML>
        <HEAD>
            <script>
                var img_idx=0;
                var img_list=new Array("c:\\1.jpg","c:\\2.jpg");
                function next_img(){
                    img_idx++;
                    img_idx%=img_list.length;
                    img_list[img_idx];
                    this.src=img_list[img_idx]
                }
            </script>
        </HEAD>
        <BODY>
            <img src="c:\1.jpg" onclick="next_img(this);"/>
        </BODY>
    </HTML>
      

  3.   

    var img_list=new Array("c:\\1.gif","c:\\2.gif"); 
      

  4.   


    <HTML> 
        <HEAD> 
        <script type="text/javascript"> 
        var img_idx=0; 
        var img_list=new Array("c:\\1.jpg","c:\\2.jpg");// add 2 back slashes 
        function next_img(){ 
            img_idx++; 
            img_idx%=img_list.length; 
            return img_list[img_idx];
        } 
        </script> 
        </HEAD> 
        <BODY> 
            <img src="c:\\1.jpg" onclick="this.src=next_img();"/> <!-- add 2 back slashes -->
        </BODY> 
    </HTML>