我怎样才能缩短这个函数jQuery?

Jon*_*ley 0 jquery image function gallery

如何缩短它以使它全部适合一个功能.我有一个工作的图库,当点击类a的图像时,类bigimg中的图像被更改为选中的图像.我可能已经做了很长一段时间来改变图像,但最多只会有十几个.

顺便说一下,我将托管我的图片,这些图片仅供我的测试

HTML/jQuery使用

<div id="galleryholder">

            <div id="largeimg" class="center">
                <img class="bigimg" src="http://1.bp.blogspot.com/-BNkayp7vphQ/UEmx3WTwe1I/AAAAAAAAELg/eHu4hWtoXbk/s1600/desktop-wallpaper-29.jpg">
            </div>

            <div id="reel">
                <a href=""><img class="a" src="http://wallpaperstate.org/wp-content/gallery/ca_home/hd-wallpaper-30.jpg"></a>
                <a href="#"><img class="b" src="http://1.bp.blogspot.com/-BNkayp7vphQ/UEmx3WTwe1I/AAAAAAAAELg/eHu4hWtoXbk/s1600/desktop-wallpaper-29.jpg"></a>
                <a href="#"><img class="c" src="http://1.bp.blogspot.com/-BNkayp7vphQ/UEmx3WTwe1I/AAAAAAAAELg/eHu4hWtoXbk/s1600/desktop-wallpaper-29.jpg"></a>
            </div>

                <script>
                $(function() {

                  $('.a').click(function(){
                    $(".bigimg").attr('src',"http://wallpaperstate.org/wp-content/gallery/ca_home/hd-wallpaper-30.jpg");
                    return false;
                  });
                });


                $(function() {
                  $('.b').click(function(){
                    $(".bigimg").attr('src',"http://1.bp.blogspot.com/-BNkayp7vphQ/UEmx3WTwe1I/AAAAAAAAELg/eHu4hWtoXbk/s1600/desktop-wallpaper-29.jpg");
                    return false;
                  });
                });
                </script>

        </div>
Run Code Online (Sandbox Code Playgroud)

Jos*_*ber 8

src从点击的图像中动态拉动:

var $big = $(".bigimg");

$('#reel img').click(function () {
    $big.attr('src', this.src);
    return false;
});
Run Code Online (Sandbox Code Playgroud)

  • 记住,`this.src`并不总是与`$('this')相同.attr('src')`. (2认同)