一.简介 PhotoSwipe 是专为移动触摸设备设计的相册/画廊.兼容所有iPhone.iPad.黑莓6+,以及桌面浏览器.底层实现基于HTML/CSS/JavaScript,是一款免费开源的相册产品. 官方网站:http://photoswipe.com/ 源码下载:https://github.com/dimsemenov/photoswipe 国内CDN:http://www.bootcdn.cn/photoswipe/ 二.使用 1.新建html页面,如果是移动端看的话,需要在页面头部…

这个插件相当棒!功能也很强大,可以自行体会. 官方网址:http://www.photoswipe.com/ github地址:https://github.com/codecomputerlove/PhotoSwipe 实例demo下载:http://github.com/downloads/codecomputerlove/PhotoSwipe/code.photoswipe-3.0.5.zip 库文件引用: <!-- photoswipe 之前先引用klass,如果需要提高加载速度,可以给…

第一步:  引入jss和css文件 <!-- Core CSS file --> <link rel="stylesheet" href="path/to/photoswipe.css"> <!-- Skin CSS file (styling of UI - buttons, caption, etc.) In the folder of skin CSS file there are also: - .png and .svg ic…

1.jQuery多图并列焦点图插件 今天我们要来分享一款比较特别的jQuery焦点图插件,它允许你自己定义当前画面的图片数量,在这个演示中,我们定义了3张图片一起显示.和其他jQuery焦点图一样,这款焦点图插件的图片下方也有一排小按钮,可以任意切换图片.另外,每张图片也都有文字描述. 在线演示 源码下载 2.jQuery动画焦点图 可自动播放图片 这是一款简单而实用的jQuery焦点图插件,焦点图不仅可以在播放图片的时候让图片有淡入淡出的动画效果,而且图片可以自动播放.该jQuery焦点图的每…

作为前端开发者,我们会碰到很到各种各样的jQuery插件,但老实说,很少有自己写的.今天要分享的几款jQuery图片滑块插件,也就是jQuery焦点图插件,基本上会在每个网站都有应用,可以下载看看,也许你可以用到. 1.jQuery多图并列焦点图插件 今天我们要来分享一款比较特别的jQuery焦点图插件,它允许你自己定义当前画面的图片数量,在这个演示中,我们定义了3张图片一起显示.和其他jQuery焦点图一样,这款焦点图插件的图片下方也有一排小按钮,可以任意切换图片.另外,每张图片也都有文字描述…

作为前端开发者,我们会碰到很到各种各样的jQuery插件.今天要分享的几款jQuery图片滑块插件,也就是jQuery焦点图插件,基本上会在每个网站都有应用,可以下载看看,也许你可以用到. 1.jQuery多图并列焦点图插件 这是一款比较特别的jQuery焦点图插件,它允许你自己定义当前画面的图片数量,在这个演示中,我们定义了3张图片一起显示.和其他jQuery焦点图一样,这款焦点图插件的图片下方也有一排小按钮,可以任意切换图片.另外,每张图片也都有文字描述. 在线演示  /  源码下载 2.j…

首先,当我知道我得到一个任务需要写一个在手机上能浏览图片的插件时,我第一想到了iScroll.它的左右滑动,上下滑动的效果在安卓手机上也能让用户有良好的体验,自己写也能方便控制. 我的需求是,插件要能左右滑动图片,当图片很长的时候要能上下滑动浏览全部图片,还要支持手势缩放,特别是较长或者较宽的图片. 1. 当最开始的时候,我做了一个本地缓存,把图片保存起来,为了加载滑动图片能更加流畅. js代码:var json=new Array(); for(var i=0;i<4;i++){//4张图 j…

响应式(Responsive)设计的目标是要让产品界面能够响应用户的行为,根据不同终端设备自动调整尺寸,带给用户良好的使用体验.这篇文章收集了22款优秀的响应式 jQuery 幻灯片插件,它们能够帮助你在 Web 项目中实现有吸引力的图片滑块效果. 您可能感兴趣的相关文章 12款经典的白富美型 jQuery 图片轮播插件 让网站动起来!12款优秀的 jQuery 动画插件 精心挑选的美轮美奂的 jQuery 图片特效插件 精心挑选的优秀jQuery Ajax分页插件和教程 精心挑选的优秀 jQu…

前面曾经写过一篇<H5图片裁剪升级版>,但里面需要借助第三方手势库,这次就不需要使用手势库,全部封装在代码中. 下图是裁剪的展示,下面就做了拖放和裁剪,没有做缩放,在插件中需要用到大量的计算.veImage的源码可以在此处浏览. 一.原理 1)拖动.缩放.裁剪都是借助Canvas实现的.Canvas的基础概念可以参考<让自己也能使用Canvas>. 2)拖动是通过设置Canvas画布左上角的起点实现的.使用CanvasRenderingContext2D.translate方法.…

Android 开发过程中,交互效果是一个非常繁琐的过程,甚至比Web开发过程中JS特效更加复杂.通过多年的发展,常用的交互方式已经发展相当成熟,而且有很多非常好的插件.为了避免重复造轮子,一些常用的特效,我们可以直接拿来就用的,节省我们开发时间.留时间去开发更具有自身特色的东西.这里介绍一些常用的Android插件,而且都是些使用起来很简单的插件. 开篇第一个——GestureImageView 简介:单图浏览插件,支持图片多点缩放,支持图片拖动,开放单击和双击事件,点击事件与触摸事件不冲突(…