Изменить фоновое изображение CSS, добавив дополнительный div

Question

Я создаю шаблон в blade.php на основе оригинального шаблона HTML. Когда я пытаюсь изменить URL-адрес фонового изображения, вместо того, чтобы изменить его, он создает дополнительный div для стиля, как this , что приводит к игнорированию других шаблонных атрибутов фона, таких как position или size. Как я могу решить это?

<div data-bs-parallax-bg="true" id="pic_promo_1" style="background-image: url(#); height: 500px; background-position: center; background-size: cover;"></div>

if ($('#pic_promo_1').length) {
  $('#pic_promo_1').css('background-image', 'url({{asset("/images/products/$products->pic_promo_1")}})')
}

Answer 1

Напишите так

if ($('#pic_promo_1').length) {   
  var imageUrl = "/examples/images/sky.jpg";
  $("#pic_promo_1").css("background-image", "url(" + imageUrl + ")");
}