欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

jquery-fancybox扩展实现图片旋转

程序员文章站 2022-06-13 18:25:54
...

        

        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扩展实现图片旋转
            
    
    博客分类: HTML/css/JS fancybox jQuery 图片旋转Web前端 
 
jquery-fancybox扩展实现图片旋转
            
    
    博客分类: HTML/css/JS fancybox jQuery 图片旋转Web前端 
 

       

         

          

                    

                

  • jquery-fancybox扩展实现图片旋转
            
    
    博客分类: HTML/css/JS fancybox jQuery 图片旋转Web前端 
  • 大小: 66.3 KB
  • jquery-fancybox扩展实现图片旋转
            
    
    博客分类: HTML/css/JS fancybox jQuery 图片旋转Web前端 
  • 大小: 42.6 KB