js点击图片更换图片

Question

(function($){

    $(document).ready(function(){

        $('#img1').click(function(){

            $(this).attr('src',$(this).attr('src')=='a.jpg'?'a1.jpg':'a.jpg');

        });

    })

})(jQuery); 

(function($){

    $(document).ready(function(){

        $('#img2').click(function(){

            $(this).attr('src',$(this).attr('src')=='b.jpg'?'b1.jpg':b.jpg');

        });

    })

})(jQuery);

因为图片有很多，当我点击第一个图片的时候更换图片，我在点另一个图片也更换，但是前一个更换后的图片得变回原来的图片 ，这个怎么写才好呢

Answer 1

只有两张图片用你这个思路也没什么，如果有很多图片，你封装一下方法就好了。例如function imgChange（img1，img2），前提是只用两张图片切换。多图片切换和轮播图我觉得没什么区别，改一改就好了。