jquery 图片查看

2024-10-27

jQuery功能强大的图片查看器插件

简要教程 viewer是一款功能强大的图片查看器jQuery插件.它可以实现ACDsee等看图软件的部分功能.它可以对图片进行移动,缩放,旋转,翻转,可以前后浏览一组图片.该图片查看器还支持移动设备,支持键盘控制,功能十分强大. 查看演示下载插件安装可以通过nmp或bower来安装该图片查看器插件. npm install imageviewer bower install imageviewer 复制代码使用方法使用该幻灯片插件需要引入jQuery,viewer.css和v

jquery图片查看插件，支持旋转、放大、缩小、拖拽、缩略图（仿qq图片查看）

最近做了一个jquery图片查看的插件,目的是能精确查看图片的详情,插件支持图片旋转.放大.缩小.拖拽.缩略图显示,界面效果是按照window的qq查看图片功能写的,当然不尽相同. 具体功能: 1. 多张图片切换,键盘左右键或左右箭头切换 2. 旋转 3. 放大,支持鼠标滚轮 4. 缩小,支持鼠标滚轮 5. 右下角缩略图 6. 拖拽大图 7. 全屏 PS:下面是插件各状态下效果,demo示例会在最后放出来. 全屏全屏是容器的最大化. 缩小可以点击缩小图标或者鼠标滚轮向下滚,可以缩小图片. 放

jQuery 图片查看插件 Magnify 开发简介（仿 Windows 照片查看器）

前言因为一些特殊的业务需求,经过一个多月的蛰伏及思考,我开发了这款 jQuery 图片查看器插件 Magnify,它实现了 Windows 照片查看器的所有功能,比如模态窗的拖拽.调整大小.最大化,图片的缩放.旋转,平移.键盘控制等.插件的样式都是最基础的 CSS,定制非常容易,可以轻松修改成自己喜欢的样式.随后会陆续发布 React 及 Vue 相关版本的插件.本文主要介绍插件的特点及使用方法,而关于插件开发的细节将会在之后的具体文章中说明. Github: https://github.c

强大的jQuery图片查看器插件Viewer.js

简介 Viewer.js 是一款强大的图片查看器 Viewer.js 有以下特点: 支持移动设备触摸事件支持响应式支持放大/缩小支持旋转(类似微博的图片旋转) 支持水平/垂直翻转支持图片移动支持键盘支持全屏幻灯片模式(可做屏保) 支持缩略图支持标题显示支持多种自定义事件 Viewer.js 提供了纯 JS 版本和 jQuery 版本,版本名字虽然一样,但代码不一样,不能通用. 在线演示及下载在线演示:http://www.jqhtml.com/wp-content/upload

Viewer.js – 强大的JS/jQuery图片查看器

简介 Viewer.js 是一款强大的图片查看器,像门户网站一般都会有各自的图片查看器,如果您正需要一款强大的图片查看器,也许 Viewer.js 是一个很好的选择.Viewer.js 有以下特点: 支持移动设备触摸事件支持响应式支持放大/缩小支持旋转(类似微博的图片旋转) 支持水平/垂直翻转支持图片移动支持键盘支持全屏幻灯片模式(可做屏保) 支持缩略图支持标题显示支持多种自定义事件 Viewer.js 提供了纯 JS 版本和 jQuery 版本,您可以任意选择. 浏览器兼容 I

6款 jQuery Lightbox图片查看触控插件

偶然间在网上看到的几个图片预览的插件,挺好用的,顺手整理下来. 1:Zoomify – jQuery缩放效果lightbox插件地址:http://www.dowebok.com/214.html 2:JK Responsive – jQuery响应式lightbox插件http://www.dowebok.com/209.html 3:Viewer.js – 强大的JS/jQuery图片查看器http://www.dowebok.com/192.html 4:Simple Lightbox

基于JQUERY 的图片查看插件

viewer是一款功能强大的图片查看器.它可以实现ACDsee等看图软件的部分功能.它可以对图片进行移动,缩放,旋转,翻转,可以前后浏览一组图片.该图片查看器还支持移动设备,支持键盘控制,功能十分强大. 安装可以通过nmp或bower来安装该图片查看器插件. 1.npm install imageviewer 2.bower install imageviewer 使用方法使用该幻灯片插件需要引入jQuery(最好不要压缩mini版),viewer.css和viewer.js文件. <l

基于jQuery的一个简单的图片查看器

项目中自己diy了一个图片查看器.因为初始代码不是自己的,只是在上面改了一下也没有弄的很漂亮.等以后有时间了在重写一下样式和封装,作为备用的只是积累吧.如果有童鞋有用到,完全可以在此基础上改,比较容易,代码也比较简单图片查看器主要有几个功能: 1.显示图片和图片信息(图片名称.发布者等等) 2.切换图片 3.关闭图片查看器初始化接口函数pictureViewer.init: function(picInfos,tapNumber,isBig) picInfos: 传入图片组信息,必须,格式如

美女jquery图片播放器插件

相册在线查看http://keleyi.com/keleyi/phtml/image/6.htm 可全屏,可拖动,可自动播放的jquery图片展示插件使用说明:1.引用css文件:<link href="http://keleyi.com/keleyi/phtml/image/6/fotorama.css" rel="stylesheet"> 2.引用js文件:<script src="http://keleyi.com/keleyi/

Discuz！图片查看插件（支持鼠标缩放、实际大小、旋转、下载）

Discuz!图片查看插件(支持鼠标缩放.实际大小.旋转.下载) 图片查看是网站中的常用功能,用于展示详细的图片.在discuz图片插件的基础上进行了改造,因此这篇文章主要从以下几个方面来讨论图片查看插件.希望可以帮助到大家,有不对的地方也欢迎大家给以正确的指导. (1)discuz的实现过程及效果 (2)discuz的局限性 (3)discuz的改进步骤 (4)兼容性及最后效果 (5)总结(常见问题) demo示例:http://zyk3.ataw.cn/discuz/index.html 一

10款让人惊叹的HTML5/jQuery图片动画特效

1.HTML5相册照片浏览器可连接Flickr照片服务以前我们经常会分享一些jQuery相册浏览插件,效果不错,实用性也很强.不过如果能利用HTML5来实现相册浏览器,那么相册浏览效果肯定会更加炫酷.今天分享的这款HTML5相册浏览器可以连接到Flickr获取照片,也可以连接到youtube获取视频,照片在初始化的时候有波浪般的效果. 在线演示源码下载 2.CSS3图片模糊效果今天我们来分享一款利用CSS3技术让图片模糊的效果,我们只需要将鼠标滑过图片,就可以让图片产生模糊的特效,利用C

jquery 图片上传本地预览V1.2

基于JQUERY扩展,图片上传预览插件目前兼容浏览器(IE 谷歌火狐) 不支持safari 代码进行小小的压缩如果看源码自己解压就行了版本已升级修复jquery版本问题支持任意jquery版本代码在线演示地址:http://jquery.decadework.com/ 插件下载地址:http://jquery.decadework.com/plugin/uploadPreview.zip 标签: <无> 代码片段(3)[全屏查看所有代码] 1. [代码]upload

js手写图片查看器（图片的缩放、旋转、拖拽）

在做一次代码编辑任务中,要查看图片器.在时间允许的条件下,放弃了已经封装好的图片jq插件,现在自己手写js实现图片的缩放.旋转.推拽功能! 具体代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body onload="l

用最简单的例子实现jQuery图片即时上传

[http://www.cnblogs.com/Zjmainstay/archive/2012/08/09/jQuery_upload_image.html] 最近看了一些jQuery即时上传的插件,总算看懂了些门路.现将其最为核心的一部分抽取出来,以期用最简单的例子来说明jQuery图片即时上传的原理. 首先本用例一共包含3个文件: 1.上传面板HTML文件. 2.上传处理PHP文件. 3.jQuery库. 第一.上传面板HTML文件(index.html). 其主要包含了jQuery库.即时

js实现图片查看器（图片的缩放、旋转、拖拽）

一.关于图片查看器. 目前网络上能找到的图片查看器很多,谁便一搜就能出来.如:jquery.iviewer.js.Viewer.js这两个js文件,其中功能也足够满足大部分开发需求.但是单纯的就想实现图片的缩放.旋转.回位.拖拽.这些插件就有些多余,而且里面代码还没看.所以这里向大家介绍一种图片查看器的实现方法! 二.简单的Demo构造 <!DOCTYPE html> <html lang="en"> <head> <meta charset=

jQuery图片懒加载插件jquery.lazyload.js使用实例注意事项说明

jQuery图片懒加载插件jquery.lazyload.js使用实例注意事项说明 jquery.lazyload.js是一个用JavaScript编写的jQuery插件.它可以延迟加载长页面中的图片,在浏览器可视区域外的图片不会被载入.直到用户将页面滚动到它们所在的位置,这与图片预加载的处理方式正好是相反的.在包含很多大图片长页面中延迟加载图片可以加快页面加载速度,浏览器将会在加载可见图片之后即进入就绪状态,在淘宝商品详情页.漫画网站很多图片的情况下还可以帮助降低服务器负担. 一.下载和引用:

十个jQuery图片画廊插件推荐

jQuery的画廊插件可以将分组图像和多媒体资料转成类似Flash的图像或照片.当幻灯片已经成为网站的重要组成部分,jQuery的重要性不能被忽视.下面为你介绍了10个最有美感,创新性和创造性的jQuery图片画廊插件: 1.How to Create a Simple Slideshow using Mootools / JQuery 当我们想要在有限的屏幕空间展示很多内容,这要使用到幻灯片.幻灯片是最佳的可以展现大量的信息的方式.在这篇文章中我将展示使用MooTools / Jquery做出

viewer.js--一个强大的jQuery图像查看插件

Viewer 是一款强大的 jQuery 图像浏览插件. 主要功能: 支持选项支持方法支持事件支持触摸支持移动支持缩放支持旋转支持键盘跨浏览器支持查看演示立即下载部分插件网站提供的下载包有缺陷,不能兼容ie8-10.错误表现为放大的图片没有取到url,导致图片不显示.所以此链接为 viewer的官方演示,及github上的开源代码. 使用方法: 1.引入css和js <link rel="stylesheet" href="css/vie

angularjs1 自定义图片查看器(可旋转、放大、缩小、拖拽)

笔记: angularjs1 制作自定义图片查看器(可旋转.放大.缩小.拖拽) 2018-01-12 更新可以在我的博客查看我已经封装好的纯 js写的图片查看器插件博客链接懒得把它封装成插件(其实把angularjs的点击事件成js的点击事件就行了) 下面贴代码(打包好的记得用服务器打开.火狐也行) 打包文件(百度网盘上) 链接: https://pan.baidu.com/s/1o9dMl8A 密码: n3ue 里面有个详细的demo 文件包括 angular.