点击缩略图显示大图的js代码

 我来答
系统004
2014-09-26 · TA获得超过3254个赞
知道大有可为答主
回答量:1326
采纳率:68%
帮助的人:1150万
展开全部
您好:效果我感觉应该是和淘宝的宝贝页面差不多的吧?下面是小图,然后点击后上面换成对应的大图。思路:上面默认加载时候加载第一张大图,下面加载出所有的小图。给下面的所有小图加单击事件,在事件中获取想要更改上面大图的图片SRC地址,然后动态赋值给上面已经有的那个img标签的src属性上。就可以动态改变上面图片了。
追问
对的,对的。。我就是想要这样的效果,麻烦你能给我说一下代码是怎么写的吗?我不太会啊
logo在线生成器
2024-10-23 广告
燕雀零一,专业logo生成器是一家科技型的设计公司,团队深耕企业品牌设计服务已有十余年,已助力多家企业塑造其品牌形象及体验,服务内容含:LOGO设计/VI设计/产品包装设计/导视店面门头及空间设计,吉祥物设计/海报设计等。 我们的目标是帮助... 点击进入详情页
本回答由logo在线生成器提供
匿名用户
2014-09-25
展开全部

这个很著名的插件完全可以满足您。

追问
谢谢啊! 我想要的不是这样的效果,我是想让大图显示在同个页面的div里面,不是弹出层的效果。这个你能帮我说下js代码是怎么写的吗?
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2014-09-26
展开全部
百度一下 百度上有的写法挺多的 不需要费太多劲的
追问
谢谢啊!我搜过了,百度上要是有满意答案的话,我就不会提问题了。。
追答
<meta name="description" content="Easiest jQuery Tooltip Ever">
<script src="jquery.js" type="text/javascript"></script>
<script src="main.js" type="text/javascript"></script>

 <body>
<p>In order to test screenshot preview roll over the <a href="#" class="screenshot" rel="cssg_screenshot.jpg">Css Globe</a> link.</p>
<p>If you want to see screenshot with caption, roll over this <a href="#" class="screenshot" rel="cssg_screenshot.jpg" title="Web Standards Magazine">Css Globe</a> link.</p>
</body>

网上找下的  没加样式  太多了 放不上

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
堵咸0Gg
2014-09-26
知道答主
回答量:3
采纳率:0%
帮助的人:2.5万
展开全部
百度lightbox插件,还算好用!
追问
不知道这个插件是怎么用的啊。。。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 2条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式