日期:2014-05-16  浏览次数:20580 次

【原创】ImageZoom 图片放大效果(扩展篇)
上一篇ImageZoom已经对图片放大效果做了详细的分析,这次在ImageZoom的基础上进行扩展,实现更多的效果。
主要扩展了原图和显示框的展示模式,有以下几种模式:
"follow" 跟随模式:显示框能跟随鼠标移动的效果;
"handle" 拖柄模式:原图上有一个拖柄来标记显示范围;
"cropper" 切割模式:原图用不透明的来标记显示范围,其他部分用半透明显示;
"handle-cropper" 拖柄切割模式:拖柄模式和切割模式的混合版,同时用透明度和拖柄来标记显示范围。
当然更多的扩展等待你的想象力来发掘。
兼容:ie6/7/8, firefox 3.6.2, opera 10.51, safari 4.0.4, chrome 4.1





欢迎来我的blog讨论

完整实例下载


------解决方案--------------------
学习学习。。。
------解决方案--------------------
路过赞一个:)
------解决方案--------------------
佩服,接分!!!
------解决方案--------------------
学习...
------解决方案--------------------
大神又有新作啊O(∩_∩)O哈哈~
研究一下。
------解决方案--------------------
强烈支持.........
------解决方案--------------------
ding........
------解决方案--------------------
谢谢楼主分享,你的每篇文章我都会关注的。
看帖必回贴。
------解决方案--------------------
很好。。。。。。。。。。。。
------解决方案--------------------

仰慕lz中...
------解决方案--------------------
先占座。
------解决方案--------------------
支持~~

写了这么多效果~ 可以去出本书了~
------解决方案--------------------
几个模式来回切换的时候有残留
环境:IE8浏览器

先选:手柄切割模式 
快速移动到手柄模式并选中
现象:遮罩层残留



------解决方案--------------------
接分!!

好东西

不错
------解决方案--------------------
接分!!

好东西

不错
------解决方案--------------------
很好、很强大、很实用,再美观一点可以作为仿图片工具条的模式。

JF支持
------解决方案--------------------
很好很强大,学习了
------解决方案--------------------
路过看看
------解决方案--------------------
mark
------解决方案--------------------
谢谢楼主!
------解决方案--------------------
不错啊,分享了
------解决方案--------------------
学习.牛人.
------解决方案--------------------
每天回帖即可获得10分可用分!小技巧 呵呵
------解决方案--------------------
帮顶 谢谢!
------解决方案--------------------
shou xia
------解决方案--------------------
恩!不错

------解决方案--------------------
不错 谢谢
------解决方案--------------------
膜拜下,顺便攒下伴水清洁工一语中的
------解决方案--------------------