我有一个包含一些图片的 div,当我点击这些图片时,我希望另一个 div 可以打开我点击的那个图片。
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>
当我试图隐藏 div 时,我认为语法有错误
最佳答案
更改图像的 src
,而不是 div:
$('#image-zoom img').attr("src",loc);
关于javascript - 将图像 src 设置为另一个图像 jquery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22794641/