0

Здесь, когда задаю background-image через класс в css и также свойство background-size: cover, то фон при масштабировании растягивается на всю ширину (что мне и нужно), но сейчас я задаю несколько фонов (сменяющихся после обновления страницы) через js, в итоге, свойство background-size: cover не срабатывает, и фон просто центрируется.

Добавляла в js back-size:cover, но не работает.

js:

$(document).ready(function() { 
  var randomBg = 'url(img/bg' + Math.ceil(Math.random() * 3) + '.jpg)'; 
  var repeatBg = 'no-repeat center center'; 
  var sizeBg = 'cover';
  $('body').css('background', randomBg + repeatBg); 
});

В каком направлении копать?

9
  • покажите свой код для того чтобы мы могли найти ошибку ... 28 янв 2016 в 9:39
  • Вот js: $(document).ready(function() { var randomBg = 'url(img/bg' + Math.ceil(Math.random() * 3) + '.jpg)'; var repeatBg = 'no-repeat center center'; var sizeBg = 'cover'; $('body').css('background', randomBg + repeatBg); });
    – Geranya
    28 янв 2016 в 9:56
  • вы не указали в примере, куда прописываете sizeBg - вероятно, этот параметр стоит не на своём месте в строке параметров для background. а потому и не срабатывает
    – lexxl
    28 янв 2016 в 10:01
  • Немного поправила, вроде работает, но все равно не совсем корректно $('body').css('background', randomBg + repeatBg); $('body').css('background-size', sizeBg);
    – Geranya
    28 янв 2016 в 10:33
  • Еще нюанс забыла упомянуть, у меня фон задается в css в классе HERO, но в js для класса свойства не срабатывают, поэтому задала через body. Может еще из-за этого непонятки?
    – Geranya
    28 янв 2016 в 10:35

2 ответа 2

1

Ошибка, полагаю, в этой строке

$('body').css('background', randomBg + repeatBg);

Свойство background включает в себя и background-image, и background-size, которое, в случае, если не указано явно, меняется на дефолтное

Попробуйте

$('body').css('background-image', randomBg);
0
$(window).on("load", function() {
    var randomBg = "url(img/bg" + Math.ceil(Math.random() * 3) + ".jpg)";
    $("body").css("background-image", randomBg)
});
1
  • интересно за что минус? кто-то подскажет?
    – рони
    28 янв 2016 в 10:04

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.