我得到了多个带有缩略图的div,div还包括一个带有标准图片的内部div,单击一个拇指将在内部div中显示该图片。
问题是:当我打开另一个div时,最后打开的图片仍然会显示。
JQuery
$('.thumbsmall img').click(function(){
$(".imageshow").html($("<img>").attr("src", this.src));
})
<div class="modal-body">
<h2>3D automotive visualisatie</h2>
<div class="imageshow"></div>
<p>Visualisatie 3D automotive</p>
<ul class="list-inline item-details">
<li>Klant: <strong><a>Eigen project</a></strong></li>
<li>Datum: <strong><a>WIP</a></strong></li>
<li>Wat?: <strong><a>3D productie</a></strong></li>
<li>Tags: <a>3D, vray, automotive, hdri</a></li>
</ul>
<button type="button" class="btn btn-lg btn-success" data-dismiss="modal">
<i class="fa fa-times"></i> Sluit
</button>
</div>
<div class="thumbsmall">
<ul>
<li><img src="img/3d15.png" alt="3d design"></li>
<li><img src="img/3d3.png" alt="3d design"></li>
</ul>
</div>
位于投资组合部分的Link http://robbyquintiens.be
谢谢:)
发布于 2014-06-16 19:33:08
试试这个:
$('.thumbsmall img').click(function(){
$(".imageshow").html($('img.class-of-the-other-image').prop("src", $(this).prop('src')));//newer jquery
$(".imageshow").html($('img.class-of-the-other-image').attr("src", $(this).attr('src')));// older jquery
})
不要忘记将其他类图像放在html或更改您想要的类名上。
https://stackoverflow.com/questions/24250783
复制相似问题