Stel afbeelding src in op een andere afbeelding jQuery

Ik heb een div met enkele afbeeldingen en als ik op die afbeeldingen heb geklikt, wil ik dat er nog een div wordt geopend met die afbeelding waarop ik heb geklikt.

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>

Als ik de div probeer te verbergen, werkt het, dus ik heb een fout in de syntaxis denk ik


Antwoord 1, autoriteit 100%

Verander de srcvan de afbeelding, niet van de div:

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

Antwoord 2, autoriteit 7%

wijzig regel 3 om naar de afbeelding te verwijzen in plaats van naar de container:

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

Antwoord 3

#image-zoomis een id voor een div-tag, die geen kenmerk srcheeft. Dus om de afbeelding te veranderen moet je naar imggaan:

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

Other episodes