将image src设置为另一个图像jquery
将image src设置为另一个图像jquery
提问于 2014-04-02 03:02:04
我有一个包含一些图像的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时，我认为它在工作，所以我在语法上有错误
回答 3
Stack Overflow用户
回答已采纳
发布于 2014-04-02 03:04:32
更改图像的src，而不是div：
$('#image-zoom img').attr("src",loc);Stack Overflow用户
发布于 2014-04-02 03:05:00
将第3行更改为引用图像而不是其容器：
$('#image-zoom img').attr("src",loc);Stack Overflow用户
发布于 2018-09-06 00:29:54
div是一个没有src属性的#image-zoom标签的id。因此，为了更改图像，您必须遍历img：
$('#image-zoom img').attr("src",loc);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22794641
复制相关文章
相似问题