Как изменить изображение на определенных страницах с помощью jQuery?

Итак, я научился удалять элементы на определенных страницах и позволять им появляться на других. Я думал, что смогу применить тот же принцип для изображений.Как изменить изображение на определенных страницах с помощью jQuery?

У меня есть изображение баннера, которое я хотел бы использовать на разных страницах, вместо того, чтобы создавать целую новую оболочку страницы (я использую CMS под названием Luminate) для каждой страницы или изучать их собственные язык программирования, который запутывает как ад ... Я думал, давайте просто использовать jQuery.

Так что я пытался сделать, это:

$(document).ready(function() { 
    if (window.location.href == "http://convio.cancer.ca/site/TR/Events/General?pg=informational&fr_id=21959&type=fr_informational&sid=10335") { 
     //new banner 
     $('#bannerrmv').attr("src", "../images/content/pagebuilder/bikerunning.png"); 
    } else { 
     //original banner 
     $('#bannerrmv').attr("src", "../images/content/pagebuilder/cancer_fighter_sweat_971_x_327103179.jpg") 
    } 
});

Но это не работает. Если бы я использовал .hide() и .show(), это действительно сработало, чтобы скрыть баннер, который у меня есть.

Это HTML для баннера:

<div class="banner-container" id="bannerrmv"> 
    <img src="../images/content/pagebuilder/cancer_fighter_sweat_971_x_327103179.jpg" class="banner" width="100%" alt="Image Name" /> 
</div>

Я искал Stack, и я наткнулся на кучу с подобными вопросами, но различные сценарии.

Я чувствую себя как I .href неверен, но я не знаю, на что я его поменял.

также, если бы я хотел сделать это для нескольких URL-адресов, все, что мне нужно сделать, это добавить ||, а затем URL-адрес справа?

Любые предложения были бы оценены очень высоко! Спасибо за ваше время.

источник

2016-04-27 Umeed

где является 'bannerrmv' идентификатор в HTML части ? Вы должны определить его в html, прежде чем использовать его в javascript –

его в div. – Umeed

OH gah его предполагается быть в теге img, не так ли? – Umeed

yup. предназначаться изображение: $.('#bannerrmv img').attr("src","../images/content/pagebuilder/bikerunning.png")

источник

2016-04-27 18:32:39 sweaver2112

ой, я не знал, что мы сможем это сделать. поэтому добавление пробела, а затем элемент не вызывает проблем? – Umeed

, который будет нацелен на * любые * изображения внутри элемента с именем bannerrmv. – sweaver2112

ОК, это прекрасно, потому что он также заменяет мобильные изображения! Допинг благодарю вас так много мошенников. Это экономит много времени – Umeed

Вы можете сделать это, переключая значение имени пути и определения соответствующего URL, который вы хотите заменить старый один:

var imageToChange = $('#img')[0]; 

switch(document.location.pathname){ 
    case '/url/first': 
     imageToChange.src = 'first.jpg'; 
     break; 
    case '/url/second': 
     imageToChange.src = 'second.jpg'; 
     break; 
    ... 
}

источник

2016-04-27 18:37:49

Как изменить изображение на определенных страницах с помощью jQuery?

ответ

Смежные вопросы