jquery真是一个好东西,它为我们网页上的各种效果解决了难题。
网上找到一资料 http://www.helloweba.com/jquery-2.html,里面介绍了使用jquery来实现我们web前端上面的各种特效,有小伙伴有需求的可以看看。今天我们要聊的是jquery又一图片插件----fancybox.根据中文api(http://doc.bropaul.com/fancyBox/)介绍:FancyBox是一款基于jquery开发的类Lightbox插件(弹出层),支持对放大的图片添加阴影效果,对于一组相关的图片添加导航操作按纽,该lightbox除了能够展示图片之外,还可以展示iframed内容,通过css自定义外观。小伙伴可以通过api上面的详细介绍来感受一下这个强大的图片预览插件.
好了,言归正传。最近有一个很蛋疼的需求就是要让用户上传的身份证照片能够通过自身旋转来使系统管理员更清楚的辨识。思前想后,小叶决定在fancybox上面做扩展----图片旋转。牛人都在网上,找到一篇文章 http://fenglingcorp.iteye.com/blog/2119885,按照上面的做修改,居然效果出来了。所以把demo贴出来。
相关推荐
原生jQuery-fancybox不支持Base64的图片,改资源已经过改造,支持Base64格式图片(需要满足正则【data:image\/.*,】的前缀以识别Base64编码),但暂时对IE8支持不好。 之前的资源【JQuery-fancybox(支持Base64)...
原生jQuery-fancybox不支持Base64的图片,改资源已经过改造,支持Base64格式图片(需要满足正则【data:image\/.*,】的前缀以识别Base64编码),但对IE8支持不好。
原生jQuery-fancybox不支持Base64的图片,改资源已经过改造,支持Base64格式图片(需要满足正则【data:image\/.*,】的前缀以识别Base64编码),但暂时对IE8支持不好。
<script type="text/javascript" src="js/jquery.fancybox.js"> /* optional */ <script type="text/javascript" src="js/jquery.pngFix.js"> <script type="text/javascript" src="js/jquery.metadata.js"> -------...
使用jQuery插件FancyBox轻松实现弹窗视频,使用jQuery插件FancyBox轻松实现弹窗视频
基于jQuery的图片点击弹窗预览大图插件
jquery.fancybox-1.3.4图片弹出大图片示例
NULL 博文链接:https://ollevere.iteye.com/blog/1707242
[jQuery插件] fancyBox:适合移动端以及PC端的弹层+照片浏览插件
jquery.fancybox此插件是应用于图像显示的插件,此插件很不错,上手快,方便简单
前端项目-fancybox,支持触摸、响应迅速且完全可自定义的jquery lightbox脚本
官方离线安装包,亲测可用。使用rpm -ivh [rpm完整包名] 进行安装
${path}/js/fancybox/css/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css"> ${path}/js/fancybox/js/jquery.fancybox-1.3.4.js"> $(document).ready(function() { $("a[rel=caseshowbox]")....
jQuery Fancybox 无刷新放大图片的一个小插件,这种效果多见于一些网页相册中,看上去比较不错的效果,小图片点击后显示大图片,大图片右上角可关闭,这里使用的是一个有名的jquery插件:jquery.fancybox.js这个插件...
fancyapps-fancyBox-v2.1.3-0-gcd2bc9a.zip,很好的弹出框效果ui,很好用。
jquery结合fancybox的弹窗相册代码
jquery fancybox用于图片放大图片放大图片放大图片放大图片放大
jQuery Fancybox 无刷新放大图片