[img]http://www.luocheng.cn/uploads/201110/20111012020830825.jpg[/img]
关于放大镜目前网络上主要有以下三款插件:
jquery jqzoom:名气大,鼠标移入移除事件绑定在图片父级元素A上,如果让图片CSS完全居中后有BUG。
kissy imagezoom:淘宝网的放大镜插件,由于基于kissy框架,普及率不是很高,适合于底层采用kissy的页面。
jquery magnify:把mousemove事件绑定在镜头上,稍微移动快了鼠标会脱离镜头,有明显BUG。
jquery imagezoom主要是为了满足传统商品展示,比如淘宝、京东的商品图片展示功能。特别是淘宝的商品图片均是用户自己上传的,有宽有窄,为了美观又必须让图片完全居中显示。
该插件代码量很小,压缩后仅3K,在此特别感谢淘宝网前端"乔花"同学的大力支持。
下载地址:[url]http://www.luocheng.cn/article-view-253.html[/url]
关于放大镜目前网络上主要有以下三款插件:
jquery jqzoom:名气大,鼠标移入移除事件绑定在图片父级元素A上,如果让图片CSS完全居中后有BUG。
kissy imagezoom:淘宝网的放大镜插件,由于基于kissy框架,普及率不是很高,适合于底层采用kissy的页面。
jquery magnify:把mousemove事件绑定在镜头上,稍微移动快了鼠标会脱离镜头,有明显BUG。
jquery imagezoom主要是为了满足传统商品展示,比如淘宝、京东的商品图片展示功能。特别是淘宝的商品图片均是用户自己上传的,有宽有窄,为了美观又必须让图片完全居中显示。
该插件代码量很小,压缩后仅3K,在此特别感谢淘宝网前端"乔花"同学的大力支持。
下载地址:[url]http://www.luocheng.cn/article-view-253.html[/url]