Изменить изображение при нажатии ссылки

Question

У вас есть страница с надписью "logo.jpg" на странице загрузки. Если вы нажмете ссылку «Текущая проблема», захотите заменить изображение «issue8.jpg». Верьте, что это требует AJAX, но интересно, какой будет самый простой метод, поскольку он заменяет только одно изображение другим.

Общая цель - простая загрузка страницы с логотипом. Когда пользователь нажимает ссылку «Текущая проблема», она загружает изображение текущей проблемы в один и тот же div. Оба изображения будут иметь одинаковое форматирование, все, что я хотел бы изменить, - это источник изображения от logo.jpg до issue8.jpg

Спасибо за любые указатели, я очень ценю это. Довольно застрял!

Answer 1

$("#currentIssue").click(function(){ 
    $("#myimg").attr("src","issue8.jpg");//.on("load",function(){}); 
}); 

или более общий

$(".issues").click(function(){ 
    $("#myimg").attr("src", $(this).data("img")); 
}); 

Answer 2

В пределах scipt тега

функция changeImage()

{

element=document.getElementById('myimage') 

      if (element.src.match("1")) 

      { 

        element.src="2.jpeg"; 

      } 

      else 

      { 

        element.src="1.jpeg"; 

      } 

}

set изображение id как изображение.