Question

我有缩略图的多个div，div还包含一个带有标准图片的内部div，单击拇指将显示内部div中的图片。

问题：当我打开另一个div时，最后打开的图片仍会显示。

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

链接 http://robbyquintiens.be 位于投资组合部分

谢谢：）

Answer 1

试试这个：

$('.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上或更改您想要的类名。

单击jQuery图像到div

1 个答案: