首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >单击JQuery图像到div

单击JQuery图像到div
EN

Stack Overflow用户
提问于 2014-06-16 19:28:49
回答 1查看 101关注 0票数 0

我得到了多个带有缩略图的div,div还包括一个带有标准图片的内部div,单击一个拇指将在内部div中显示该图片。

问题是:当我打开另一个div时,最后打开的图片仍然会显示。

JQuery

代码语言:javascript
运行
复制
$('.thumbsmall img').click(function(){
    $(".imageshow").html($("<img>").attr("src", this.src));
})

代码语言:javascript
运行
复制
<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

谢谢:)

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-06-16 19:33:08

试试这个:

代码语言:javascript
运行
复制
$('.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或更改您想要的类名上。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/24250783

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档