用javascript切换两张图片


<script>
function changeImg(){
<!--点击页面上图片img，如果img的src为A.jpg，则把它的src改为B.jpg
如果img的src为B.jpg，则把它的src改为A.jpg-->}
</script><body>
<img name="A" src="A.jpg" onclick="changeImg()"/>
</body>

解决方案 »

  1.   


    function changeImg(obj){
        obj.src = obj.src.toLowerCase() == "A.JPG" ? "b.jpg":"a.jpg";
    }<img name="A" src="A.jpg" onclick="changeImg(this)"/>
      

  2.   


    function changeImg(obj){
        alert(obj.src); //输出结果为C:/Documents and Settings/80193972/My Documents/Aptana Studio Workspace/Damon/demo/A.JPG,,obj.src的内容为绝对路径，无法跟  A.JPG相等.
        obj.src = obj.src.toLowerCase() == "A.JPG" ? "b.jpg":"a.jpg";
    }
      

  3.   

    <script>
    function changeImg(obj){
     obj.src = obj.src == "A.JPG" ? "b.jpg":"a.jpg";}
    </script><body>
    <img name="A" src="A.jpg" onclick="changeImg(this)"/>
    </body>
      

  4.   


    alert(obj.src); //输出结果为C:/Documents and Settings/80193972/My Documents/Aptana Studio Workspace/Damon/demo/A.JPG,,obj.src的内容为绝对路径，无法跟  A.JPG相等.
      

  5.   

     obj.src.toLowerCase()是转化为小写的吧？？？？？？？
      

  6.   

    function changeImg(obj){
    var uri = obj.src.substr(obj.src.lastIndexOf('/')+1);    
    alert(uri); //输出结果为C:/Documents and Settings/80193972/My Documents/Aptana Studio Workspace/Damon/demo/A.JPG,,obj.src的内容为绝对路径，无法跟  A.JPG相等.
        obj.src = uri.toLowerCase() == "A.JPG" ? "b.jpg":"a.jpg";
    }
      

  7.   

    看楼主还有点不明白，就用jquery写了个，浏览器都兼容。希望对楼主有帮助<head>
        <title></title>
        <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    </head>
    <body>
        <img src="img/111.jpg" />
    </body>
    </html>
    <script>
        $(function () {
            //跟图片绑定点击事件。如果图片有id，就用id绑定点击事件
            $("img").bind("click", function () {
                //获取图片的src路径
                var lujin = $(this)[0].src;
                //获取图片名称
                var tu = lujin.substring(lujin.lastIndexOf("/") + 1).toLowerCase();
                //判断
                if (tu == "111.jpg") {
                    //替换文件夹下面的图片
                    $(this).attr("src", "img/44444444.jpg");
                }
                else {
                    $(this).attr("src", "img/111.jpg");
                }
            })
        })
    </script>
      

  8.   

    在onClick事件中进行设置，进行切换！估计不是很难！
      

  9.   

    设置时间，使用div进行自动切换！