изменение изображения с Jquery - изображения друг на друга

Question

У меня есть следующие Jquery

switch (catSelected) { 
    case (""): 
     if (city == 1) { 
      cityName = "ROME"; 
      $("#banner_img").css("background-image", "url(/images/HomePageBanner/rome_home1.jpg)"); 
      $("#homePageGallery1 img").attr("src", "/images/TourListBanner/VatBannernew.png"); 
      $("#homePageGallery1").find("a").attr("href", "/official-vatican-museum-partnership"); 
      $("#homePageGallery1 img").show(); 
      break; 
     } 
     else if(city == 0) { 
      cityName = "VATICAN"; 
      $("#banner_img").css("background-image", "url(/images/TourListBanner/vatican1.jpg)"); 
      $("#homePageGallery1 img").attr("src", "/images/TourListBanner/VatBannernew.png"); 
      $("#homePageGallery1").find("a").attr("href", "/official-vatican-museum-partnership"); 
      break; 
     } 

Это меняет верхний баннер изображение при смене категории. Проблема в том, что уже есть изображение, и я не знаю, как избавиться от него или отобразить новое изображение поверх него.

верхний баннер после того как я изменить категорию:

<img id="banner_img" class="resrc" style="height: auto; max-width: 1600px; width: 100%; background-image: url(http://localhost:45000/images/TourListBanner/colosseum-ancient-rome1.jpg);" data-src="http://app.resrc.it/o=85/http://www.x.com/images/listings/rome.jpg" alt="" data-resrc-width="1600" src="http://app.resrc.it/s=w1600,pd1/o=85/http://www.x.com/images/listings/rome.jpg"> 

Я думаю, что мне нужно использовать изображение Google изменить JQuery атрибуты

Answer 1

Я получил его, $ (это) .attr ("SRC", SRC); и удалить что там на данный момент, было помещено изображение за изображение