ImageZoom 图片放大效果(扩展篇)
发布时间:2010-05-20 14:01:29 文章来源:www.iduyao.cn 采编人员:星星草
【原创】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
------解决方案--------------------
恩!不错
------解决方案--------------------
不错 谢谢
------解决方案--------------------
膜拜下,顺便攒下伴水清洁工一语中的
------解决方案--------------------
友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。
其他相似内容:
-
标签的值用parseInt提取报错
报错如图:
不能理解为什么说这个值是undefined类型
代码如下
<!DOCTYPE html>
<html>
<head...
-
jquery解绑元素事件
想的想了,查的查了,是在不知道该怎么做了。
dom元素是动态生成的,生成之后给body绑定了keydown事件,当keydown触...
-
请教jquery.artDialog 跳转问题
我想实现这样的效果
a页面跳转到b页面进行判断,如果正确,跳转到新页面,如果错误就返回上一页
js的...
-
你不知道的JavaScript--Item21 漂移的this
而在 JavaScript 中,this 是动态绑定,或称为运行期绑定的,这就导致 JavaScript 中的 this...
-
如何对html的富文本编辑器已有界面进行修改 跪等
我是新手后台开发,js就会很基本的,领导让我改一下tinymce的上传图片按钮 里面的...
-
求java写的导入导出功能,最好有源码,急,谢谢啦!!!
不需要用到什么框架,在servlet中写入方法即可,通过在jsp页面选择excel文件,然后点击导入...
-
java.lang.NoClassDefFoundError: javax/servlet/jsp/jstl/core/LoopTag 解决方法
java.lang.NoClassDefFoundError: javax/servl...
-
Sublime Text 最佳插件列表(转)
Package Control 安装方法
首先通过快捷键 ctrl+` 或者 View > Show Console 打开控制台,然后粘贴...
-
表格操作
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit...
-
你真的了解 console 吗
对于前端开发者来说,在开发过程中需要监控某些表达式或变量的值的时候,用 debugger 会显得过于笨重,取而...