这种效果怎么实现的？

Question

百度图片浏览： http://image.baidu.com/i?ct=503316480&z=&tn=baiduimagedetail&word=%CD%BC%C6%AC&in=27285&cl=2&lm=-1&pn=10&rn=1&di=2272520553&ln=1&fr=ala0&ic=&s=&se=&sme=0#pn26类似这样的效果怎么实现啊！都用的是什么技术？

Answer 1

右边拉动的效果可以这样实现：
<div style="overflow:hidden;">
<div id="div1" style="position:relative">
<img/><img/>.....
</div>
</div>
然后点击上下改变div1的top。接着就是点击更换左边大图的src而已。

Answer 2

JavaScript，只是JavaScript而已貌似，说重点算Ajax，反正都是基本的JavaScript写的！

Answer 3

然后点击上下改变div1的top这里有css代码吗？这里不太明白。

Answer 4

点击上下改变div1的top或者这里是用javascript实现？

Answer 5

用javascript 写的吧，有可能 是用 jquery +ajax 写的，ajax 一定用到

Answer 6

一个图片轮换而已,,根本用不到Ajax

Answer 7

http://www.open-open.com/ajax/Image.htm

Answer 8

http://blog.csdn.net/IBM_hoojo/archive/2010/06/07/5653246.aspx
http://blog.csdn.net/IBM_hoojo/archive/2010/06/08/5655506.aspx

Answer 9

jquery挺方便的啊，还能解决部分兼容问题