Javascript 向下滚动时替换div中的图像

如果要将#徽标中的图像替换为已调整大小的图像，则向下滚动和向上滚动时的.png应恢复正常

用密码试过了

<script type="text/javascript">
$(function(){
$(window).scroll(function(){
if($(this).scrollTop() > 100) $('#topbar, .cart-label').fadeOut('slow');
$('#logo').css({'background-image':'url(http://elementsmart.com/wp-content/uploads/2013/06/resized.png)','background-repeat':'no-repeat'})
if($(this).scrollTop() < 100) $('#logo, #topbar, .cart-label').fadeIn('fast');
})
});

$（函数（）{
$（窗口）。滚动（函数（）{
if（$（this）.scrollTop（）>100）$（'#topbar，.cart label'）.fadeOut（'slow'）；
$（'#logo'）.css（{'background-image'：'url(http://elementsmart.com/wp-content/uploads/2013/06/resized.png)'，'background-repeat'：'no-repeat'}）
如果（$（this）.scrollTop（）<100）$（“#logo，#topbar，.cart label”）.fadeIn（'fast'）；
})
});

resized.png确实位于顶部，但希望完全替换它并在滚动到顶部时恢复。 该网站的链接为： sum1能提出建议吗？

更新答案 检查这里，工作演示

您试图错误地将背景图像赋予

a

标记，实际上您需要更改

a

标记内

img

标记的src

$(function(){
    $(window).scroll(function(){
        if($(this).scrollTop() > 100) {
            $('#topbar, .cart-label').fadeOut('slow');
            $('#logo-img img')
                .css({'width':'184px','height':'33px'})
                .attr('src','http://elementsmart.com/wp-content/uploads/2013/06/resized.png');
        }
        if($(this).scrollTop() < 100) {
            $('#logo, #topbar, .cart-label').fadeIn('fast');
            $('#logo-img img')
                .css({'width':'184px','height':'60px'})    
                .attr('src','http://elementsmart.com/wp-content/uploads/2013/06/logo2.png');
        }
    });
});

这就是为什么，你有两张图片。一个用于

a

标签背景图像，另一个用于

a

标签内的

img

$(function(){
    $(window).scroll(function(){
        if($(this).scrollTop() > 100) {
            $('#topbar, .cart-label').fadeOut('slow');
            $('#logo-img img')
                .css({'width':'184px','height':'33px'})
                .attr('src','http://elementsmart.com/wp-content/uploads/2013/06/resized.png');
        }
        if($(this).scrollTop() < 100) {
            $('#logo, #topbar, .cart-label').fadeIn('fast');
            $('#logo-img img')
                .css({'width':'184px','height':'60px'})    
                .attr('src','http://elementsmart.com/wp-content/uploads/2013/06/logo2.png');
        }
    });
});

$（函数（）{
$（窗口）。滚动（函数（）{
如果（$（this）.scrollTop（）>100）{
$（“#顶栏，.cart标签”）.fadeOut（'slow'）；
$（“#logo img img”）
.css（{'width'：'184px'，'height'：'33px'}）
.attr（'src'，'http://elementsmart.com/wp-content/uploads/2013/06/resized.png');
}
if（$（this）.scrollTop（）<100）{
$（“#徽标，#顶栏，.cart标签”）.fadeIn（'fast'）；
$（“#logo img img”）
.css（{'width'：'184px'，'height'：'60px'}）
.attr（'src'，'http://elementsmart.com/wp-content/uploads/2013/06/logo2.png');
}
});
});

嘿，这非常有效。。。。。。你能为jquery提供一些gud文档吗？