web-dev-qa-db-fra.com

Définir image src à une autre image jQuery

J'ai une div avec quelques images, et quand je clique sur ces images, je veux qu'une autre div s'ouvre avec cette image sur laquelle j'ai cliqué.

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>

Quand j'essaie de masquer la div de son fonctionnement, j'ai donc une erreur de syntaxe, je pense

javascriptjqueryhtmlcss
22
Hariss

Changez la src de l'image, pas celle de la div:

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

changez la ligne 3 pour référencer l'image à la place de son conteneur:

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

#image-zoom est un identifiant pour une balise div, qui n'a pas d'attribut src. Donc, pour changer l'image que vous devez traverser en img: 

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