如何实现百度图片效果

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

这个实例估计没法找。这个太大了吧。自己写个吧。感觉上去不难。
主要是实现，图片上下滚动的效果。这个可以参考 图片走马灯 效果。
大图显示很简单。对于选中的图片，显示大图就行了。

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

结合JQ自己写一个吧，我记得就上个月有人发过一个那样的图片展示效果，被设置为推荐了，你在推荐里找找，历史记录里。完全符合你的要求！代码很精简！

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

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

来源：nba直播