【原创】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
------解决方案--------------------恩!不错
------解决方案--------------------不错 谢谢
------解决方案--------------------膜拜下,顺便攒下伴水清洁工一语中的
------解决方案--------------------