/ / Imagem JQuery para div no clique - javascript, jquery, html, imagem, attr

Imagem JQuery para div no clique - javascript, jquery, html, imagem, attr

Eu tenho várias div "s" com miniaturas, a div também inclui uma div interna com uma imagem padrão, clicando em um polegar para mostrar a imagem na div interna.

O problema: Quando abro outra div, a última imagem aberta ainda será exibida.

JQuery

$(".thumbsmall img").click(function(){
$(".imageshow").html($("<img>").attr("src", this.src));
})

HTML

<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="/images/img/3d15.png" alt="3d design"></li>
<li><img src="/images/img/3d3.png" alt="3d design"></li>
</ul>
</div>

Ligação http://robbyquintiens.be Situado na seção de portfólio

Obrigado :)

Respostas:

0 para resposta № 1

Tente este :

$(".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
})

Não se esqueça de colocar a classe da outra imagem no html ou alterar o nome da classe que você deseja.