javascript - Jquery改变背景大小和图像src

Question

我正在尝试更改背景图像和背景大小(以便它适合 div)

$(".clickableimg").click(function() {
    var choosenpic = $(this).attr('id');
    $("#image").val(choosenpic);
    $("#preview").css("background","url(backgrounds/"+choosenpic+")");
    $("#preview").css("background","size('50%')");
});

你知道如何更改更多 css 属性吗？

Answer 1

设置背景样式两次会覆盖它，因此只有最后一个会保留，您需要使用有效的 CSS 属性，例如 background-image 和 background-size 单独更改它们:

$(".clickableimg").on('click', function() {
    var choosenpic = this.id;
    $("#image").val(choosenpic);
    $("#preview").css({
        'background-image' : 'url(backgrounds/'+choosenpic+')',
        'background-size'  : '50%'
    });
});