来自国外的14个图片放大编辑的jQuery插件整理_jquery

基于Web的在线应用已经是一个逐步成熟的趋势，Web应用的丰富多样化，都是基于JavaScript框架完成的，其中 jQuery 框架被越来越多的Web开发者青睐，它可以让你“少写，多做”轻松完成复杂效果，这里就是基于jQuery 的14个图片放大编辑插件。

1，jQuery gzoom plugin

2，Hover Zoom

3，AnythingZoomer jQuery Plugin

4，JQZoom

5，jQuery Cycle plugin

6，crop, labelOver and pluck

7，ImgAreaSelect

8，Jcrop

9，PHP & jQuery image upload and crop

10，PanView

11，Zoomer Gallery

12，jQuery plugin : Fancy Zoom

13，Image Zoom 2.0

14，jQuery PhotoShoot Plugin

via: JQuery Zoom Effekte zum Nachbauen

 

时间： 2024-08-30 21:20:38

来自国外的14个图片放大编辑的jQuery插件整理_jquery的相关文章

收集国外的14个图片放大编辑的jQuery插件

基于Web的在线应用已经是一个逐步成熟的趋势,Web应用的丰富多样化,都是基于JavaScript框架完成的,其中 jQuery 框架被越来越多的Web开发者青睐,它可以让你"少写,多做"轻松完成复杂效果,这里就是基于jQuery 的14个图片放大编辑插件. 1,jQuery gzoom plugin 2,Hover Zoom 3,AnythingZoomer jQuery Plugin 4,JQZoom 5,jQuery Cycle plugin 6,crop, labelOver

移动端点击图片放大特效PhotoSwipe.js插件实现_javascript技巧

PhotoSwipe插件能实现手机端点击图片全屏放大 再双击图片放大等功能 PhotoSwipe插件官方网站 http://www.photoswipe.com/ photoswipe之移动端图片放大查看,滑动切换下一张,图片保存到本地. <style> .pnav{margin-top:30px;text-align:center;line-height:24px; font-size:16px} .pnav a{padding:4px} .pnav a.cur{background:#00

手机端点击图片放大特效PhotoSwipe.js插件实现_javascript技巧

PhotoSwipe插件能实现手机端点击图片全屏放大 再双击图片放大等功能 PhotoSwipe插件官方网站 http://www.photoswipe.com/ 但有一点不太好的是图片放大后再单击不能关闭浏览,要点击关闭按钮或者滑动才能关闭,找了好久配置项都没说到这点上的,只能自己动手改了. 打开photoswipe.js,大概在3179行有个关于tap的函数定义 在开头先定义一个变量 var tap_num = 0; 然后在onTapStart的定义里加入 //根据需求自己添加的S //判断

jquery插件整理篇（三）图片展示插件

(1)imgAreaSelect imgAreaSelect这个jQuery插件能够选取一张图片中一个矩形区域. imgAreaSelect   (2)Easy Slide EasySlide 是以jQuery为基础开发的一个图库展示插件,EasySlide可以将任何一个网页容器(Container)内的图形自动将其排列展示,并加上鼠标指向时的暂停效果(Pause),可以当作图库展示或是动画及广告Banner使用. Easy Slide   热点图书:www.hotbook.cn (3)Easy

jQuery图片播放8款精美插件分享_jquery

本文将和大家一起分享8款精美的jQuery图片播放插件,每一款插件均有演示和源码下载,有兴趣的朋友可以下载使用和研究.废话不多说了,直接上这些插件. 1.3D轮播相册 这款3D相册插件利用了HTML5特性,让相片播放具有了3D效果,浏览器有限制哦. 演示   下载 2.jQuery手风琴效果图片播放器 这款播放器的特点是右侧有一个手风琴式的菜单,而且图片切换十分流畅. 演示   下载 3.流水线效果图片组切换 这款jQuery插件按一组来切换图片,方式酷似流水线,一组接着一组. 演示   下载

响应式web设计实现图片效果10款jQuery插件

1.基于jQuery实现的汇图网大屏焦点图效果 汇图网大屏jQuery焦点图代码,可设置切换模式,如淡入淡出切换,左右滚动切换,上下滚动切换,可设置是否自动轮播,可设置鼠标划过是否停止播放等.     在线演示 源码下载 2.HTML5基于SVG实现的过山车动画特效 今天我们要分享一款很酷的HTML5/SVG动画,这款HTML5动画是过山车效果,主要是利用了SVG的path动画来实现的,整体动画效果流畅自然,效果非常酷.     在线演示 源码下载 3.jQuery实现苹果官网页面上下滚动全屏效

14款经典网页图片和文字特效的jQuery插件-前端开发必备_jquery

不废话了,直接贴图片了,亲们可以点击查看演示和下载源码哦. 经典1.网页图片3d旋转jQuery代码 查看演示  下载插件 经典2.存css3实现的tabl选项卡代码 查看演示 下载插件 经典3.jQuery标签旋转代码 查看演示  下载插件 经典4.鼠标悬浮的图片选项卡代码 查看演示  下载插件 经典5.鼠标往下滚动时文字变大的css3代码 查看演示  下载插件 经典6.动画标签云网页代码 查看演示  下载插件 经典7.css3文字晃动代码 查看演示  下载插件 经典8.css3幻灯片代码 查

jQuery插件zoom实现图片全屏放大弹出层特效_jquery

1.介绍 jQuery制作zoom图片全屏放大弹出层插件. 2.使用方法 1.引入以下的js和css文件 <link rel="stylesheet" href="css/zoom.css" media="all" /> <script src="js/jquery-1.9.1.min.js"></script> <script src="js/zoom.min.js&quo

jquery插件jquery.beforeafter.js实现左右拖拽分隔条对比图片的方法_jquery

本文实例讲述了jquery插件jquery.beforeafter.js实现左右拖拽分隔条对比图片的方法.分享给大家供大家参考.具体如下: 左右拖拽切换对比图片效果,运行效果后,图片中间有个拖动条,拖动左右滑动,可看到图片不一样的效果,女模特的脸变嫩了,呵呵,其实是用了两张背景图片实现的,这就需要jquery.beforeafter.js插件了,拖动时候的小图标不见了,路径可以在jquery.beforeafter.js中设置,不多说了. 运行效果截图如下: 在线演示地址如下: http://d