谁能帮我找一段产品浏览,点击变换的脚本.

chenhaoyou 2009-03-16 08:16:18
http://shop.mall.taobao.com/product-100458.htm?ad_id=&am_id=&cm_id=&pm_id=

像这样产品图片这个样.
...全文
86 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
BearKin 2009-03-18
  • 打赏
  • 举报
回复
你可以用页签(选项卡)来实现这个效果 如果不想用的话 那你就IFRAME...
daisycool 2009-03-18
  • 打赏
  • 举报
回复
[Quote=引用 3 楼 chenhaoyou 的回复:]
怎么弄啊?
[/Quote]
你一般用什么语言?JS一定是要用的,服务器端你用什么语言?
chenhaoyou 2009-03-17
  • 打赏
  • 举报
回复
怎么弄啊?
daisycool 2009-03-17
  • 打赏
  • 举报
回复
纠正一下,例子里的img的id应该是thumbnail_1, thumbnail_2, thumbnail_3,链接里也应该是不同的图片,我复制得太过瘾,忘记修改了。
daisycool 2009-03-17
  • 打赏
  • 举报
回复
这个很简单。小的预览图有个链接,不管是预先得到图片的链接也好,还是点击时再用AJAX获取图片链接,只要把上面大图的图片源用javascript改变就可以了啊!

最简单的一个例子,跟掏宝这个类似的:

<img id='preview_img' src='server/ImageServlet?image_id=10000'/>
<a href='#' onclick="changeImage('20000');">
<img id='thumbnail_1' src='server/ThumbNailServlet?image=thumb1.png'/>
</a>

<a href='#' onclick="changeImage('20001');">
<img id='thumbnail_1' src='server/ThumbNailServlet?image=thumb1.png'/>
</a>

<a href='#' onclick="changeImage('20002');">
<img id='thumbnail_1' src='server/ThumbNailServlet?image=thumb1.png'/>
</a>



function changeImage(imageId) {
var image = document.getElementById('preview_img');
image.src = 'server/ImageServlet?image_id=' + imageId;
}



其中,changeImage('20001'), changeImage('20002')这些里面的参数都应该在网页生成的时候在服务器端产生的。

这是非Ajax的方法,也是最简单的,我粗略看了一下,掏宝的那个例子好像就是这样的。

81,076

社区成员

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧