如何实现百度图片效果

Question

像百度图片那样，点击一张小图片，在主区域显示大图片，然后鼠标放在图片上还有下一页，上一页的标志，请多多帮忙，谢谢！

Answer 1

还有jquery插件可以用

Answer 2

你问的更笼统啊，
百度图片效果
哪的效果啊？
现在基本不用baidu

Answer 3

显示一张图片总会吧，div里面加个img标签，比如50px*50px，固定大小。
点击小图了，触发事件，然后在新的div里面显示小图。比如新的div是500px*500px。如果图片的高或者宽比这个尺寸还大，那么缩放（图片缩放函数，网上到处都是），如果小的话，那么居中显示。
至于鼠标，捕捉img鼠标事件onmouseover，判断鼠标的x坐标是在左半边还是右半边，对应显示左右的箭头。
至于箭头问题，鼠标上一页、下一页的表示，无非就是图片，给img的鼠标设置对应图片url就ok。
如果这样还不会，建议先找本书，啃完再说了。

Answer 4

思路：一张小图片和一模一样的大图片，
起有规律的名字，如
小图片叫做smile.jpg，那相应的大图片叫做big_smile.jpg
在文档中设置两个img，
用于加载一张小图片和一模一样的大图片，
为小图片设置单击事件为更换大图片的src属性，
即可实现点击一张小图片，在主区域显示大图片的效果。
至于下一页，上一页的标志使用超链接实现即可。

Answer 5

你说的上一页和下一页的标识,他是在上面弄了一个透明的div,然后把在div里面加一个onclick事件

Answer 6

至于那个大图和小图可以是一张图片,只是他的width和height的值不同而已
另外一种是用两张图片,点击小图的把原先的大图替换掉