wake-up-neo.com

Legen Sie image src auf eine andere Image-Jquery fest

Ich habe ein div mit einigen Bildern, und wenn ich auf diese Bilder geklickt habe, möchte ich ein anderes div mit dem Bild öffnen, auf das ich geklickt habe.

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>

Wenn ich versuche, das div zu verbergen, funktioniert es, daher habe ich einen Fehler in der Syntax, denke ich

javascriptjqueryhtmlcss
22
Hariss

Ändern Sie die src des Bildes, nicht des div:

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

Ändern Sie Zeile 3, um das Bild anstelle des Containers zu referenzieren:

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

#image-zoom ist eine ID für ein div-Tag, das kein src-Attribut besitzt. Um das Bild zu ändern, müssen Sie zu img wechseln: 

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