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 src
van 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-zoom
is een id voor een div-tag, die geen kenmerk src
heeft. Dus om de afbeelding te veranderen moet je naar img
gaan:
$('#image-zoom img').attr("src",loc);