it-roy-ru.com

Установить изображение src на другое изображение jquery

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

JS

$('.examples img').click(function() {
    var loc = $(this).attr("src");
    $('#image-zoom').attr("src",loc);
});

HTML

<div class="container examples"  >
    <div id="image-zoom">
        <img class="img-thumbnail zoom" src="" alt="dental">
    </div>
    <div class="row">
        <div class="col-sm-12">
            <img id="zoom" class="img-thumbnail zoom" src="images/01.png" alt="dental">
            <img class="img-thumbnail zoom" src="images/02.png" alt="dental">
            <img class="img-thumbnail zoom" src="images/03.png" alt="dental">
        </div>
    </div>

    <div class="row">
        <div class="col-sm-12">
            <img class="img-thumbnail zoom" src="images/04.png" alt="dental">
            <img class="img-thumbnail zoom" src="images/05.png" alt="dental">
            <img class="img-thumbnail zoom" src="images/06.png" alt="dental">
        </div>
    </div>
</div>

Когда я пытаюсь скрыть div, он работает, поэтому у меня есть ошибка в синтаксисе, я думаю,

22
Hariss

Измените src изображения, а не div:

$('#image-zoom img').attr("src",loc);
55
Callidior

измените строку 3, чтобы ссылаться на изображение вместо его контейнера:

$('#image-zoom img').attr("src",loc);
4
Sagi_Avinash_Varma

#image-zoom - это идентификатор тега div, который не имеет атрибута src. Таким образом, чтобы изменить изображение, вы должны перейти к img

$('#image-zoom img').attr("src",loc);
0
AyushM.