Set image src di un’altra immagine jquery

Ho un div con alcune immagini, e quando ho cliccato su quelle immagini ho voglia di un altro div aprire con l’Immagine che ho cliccato.

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>

Quando cerco di Nascondere il div suo lavoro, quindi ho un errore nella sintassi penso

  • nulla in console??
  • #image-zoom' non è un img tag, quindi non può avere un src attributo
InformationsquelleAutor Hariss | 2014-04-01

 

3 Replies
  1. 0

    #image-zoom è un id per un tag div, che non dispone di un src attributo. Così, per cambiare l’immagine che hai di attraversare img:

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

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *