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

Question

Я хотел бы изменить баннеры (изображения), а пользователь нажимает на ссылку

Эти ссылки:

<li><a href="#" id="button1">1</a></li> 
<li><a href="#" id="button2">2</a></li> 

Изображение:

<img src="banners/banner2.jpg" alt="" id="main_banner" /> 

И код:

$(document).ready(function(){ 
    $("#button1").click(function(){ 
     document.getElementById("main_banner").src == "banners/banner1.jpg"); 
    }); 
    $("#button2").click(function(){ 
     document.getElementById("main_banner").src == "banners/banner2.jpg"); 
    });         
}); 

И пока я нажимаю на него, он не меняет его вообще. Какие-либо предложения?

Answer 1

Похоже, вы используете оператор эквивалентности ==, а не оператор присваивания =

Попробуйте вместо этого:

$("#button1").click(function(){ 
    document.getElementById("main_banner").src = "banners/banner1.jpg"; 
}); 
$("#button2").click(function(){ 
    document.getElementById("main_banner").src = "banners/banner2.jpg"; 
}); 

Answer 2

Вы пытаетесь сравнить свойства Src с текстом (= знак равно Попробуйте использовать =.