изменить изображение не работает

Question

вот мой javasript:

$(function() {
    $(".image2").click(function() {
        var image = $(this).attr("rel");
        $('#random_img').hide();
        $('#random_img').fadeIn('slow');
        $('#random_img').attr('src') == image;
        var image2 = $('#random_img').attr('src');
        $("#thumb2 a img").removeClass("open");
        $("#thumb2 a[rel='" + image2 + "'] img").addClass("open");
        return false;
    });
}); 

вот мой html:

<div id="image2">
    <img id="random_img" src="/documents/templates/projedepo/banner/indigovision.jpg" height="420" width="964" />
</div>
<div id="thumb2">
    <a href="#" rel="/documents/templates/projedepo/banner/canon.jpg" class="image2">
        <img title="Canon" class="slider_thumb" src="/documents/templates/bilgiteknolojileri/images/t_flash/t1.png" border="0"/></a>
    <a href="#" rel="/documents/templates/projedepo/banner/indigovision.jpg" class="image2">
        <img title="IndigoVision" class="slider_thumb" src="/documents/templates/bilgiteknolojileri/images/t_flash/t2.png" border="0"/>
    </a>
</div>

, когда я нажимаю на миниатюру, анимация исчезает и работает, но изображение неизменилось ... почему?

Answer 1

Спасибо тебе @Shurdoof! теперь все работает отлично! вот решение:

$('#random_img').attr('src',image);

Answer 2

$('#random_img').attr('src') == image;

должно быть

$('#random_img').attr('src') = image;

Answer 3

Чек http://api.jquery.com/attr/

Также вы используете оператор равенства ==, где вы обычно можете использовать оператор присваивания =. Это не будет работать с .attr методом, хотя ..

Answer 4

Чтобы изменить изображение, укажите второй аргумент attr:

$('#random_img').attr('src', image);

Вместо этого, который не будет работать:

$('#random_img').attr('src') = image;

Проверьте вторую версию attr здесь для получения дополнительной информации.

---

Вы также не храните src в своей переменной image, но ее атрибут rel здесь:

var image = $(this).attr("rel");

Что должно быть:

var image = $(this).attr("src");