JQuery изменить размер изображения

Question

Эй, ребята, быстрый вопрос, все, что я хочу сделать, это изменить размер изображения, чтобы оно поместилось в небольшой контейнер, когда я запустил эту функцию. Прямо сейчас, только часть изображения показана внутри div. Если у кого-то есть идеи, я буду признателен за любые советы.

$(this)
       .css({
           backgroundImage    : 'url(' + src + ')',   // set background image
           backgroundPosition : 'center center',      // position background image
           backgroundRepeat   : 'no-repeat'           // don't repeat image
       });

Answer 1

Только очень современные браузеры (то есть Webkit) могут масштабировать фоновые изображения.Поэтому я бы рекомендовал вставить новый элемент DOM в качестве изображения, а затем изменить его высоту и ширину, чтобы уменьшить его.Чем использовать CSS (такие вещи, как position и z-index должны помочь вам), чтобы расположить его там, где он вам нужен.

Answer 2

Ну, это css:

#container{
    background-size: cover;
    -moz-background-size: cover;
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:center;
    }

Jquery:

var url = "your_url";
$('#container').css("background-image", url);