像百度图片那样,点击一张小图片,在主区域显示大图片,然后鼠标放在图片上还有下一页,上一页的标志,请多多帮忙,谢谢!
解决方案 »
- 继续求教js正则表达式问题~~高分求~~谢谢~
- 如何获取GridView中某行的控制的ID?
- OpenTextFile打开文件,如果文件已经存在,htm文件会出错
- 怎么获取table 里的tr对象和tr里面的td 对象和td 对象里面的html对象
- 大侠看看这个网页的加密
- 帮忙看看自刷新的问题
- winxp装了sp2后ie怎么有问题
- JQuery中easyui-combobox控件怎么从后台获取数据,然后加载到combobox控件里面去
- extjs写combo结果下拉框是透明的
- jsp部署到服务器上登录后,页面布局格式消失,有什么办法解决一下
- jquery tableresizer tablesorter 冲突
- 在.aspx页面中使用input button按钮的onclick实现SWFOBJECT停止播放
百度图片效果
哪的效果啊?
现在基本不用baidu
点击小图了,触发事件,然后在新的div里面显示小图。比如新的div是500px*500px。如果图片的高或者宽比这个尺寸还大,那么缩放(图片缩放函数,网上到处都是),如果小的话,那么居中显示。
至于鼠标,捕捉img鼠标事件onmouseover,判断鼠标的x坐标是在左半边还是右半边,对应显示左右的箭头。
至于箭头问题,鼠标上一页、下一页的表示,无非就是图片,给img的鼠标设置对应图片url就ok。
如果这样还不会,建议先找本书,啃完再说了。
起有规律的名字,如
小图片叫做smile.jpg,那相应的大图片叫做big_smile.jpg
在文档中设置两个img,
用于加载一张小图片和一模一样的大图片,
为小图片设置单击事件为更换大图片的src属性,
即可实现点击一张小图片,在主区域显示大图片的效果。
至于下一页,上一页的标志使用超链接实现即可。
另外一种是用两张图片,点击小图的把原先的大图替换掉