图片查看插件-magnify

1、需要引用的文件

<link href="~/Content/magnify/jquery.magnify.css" rel="stylesheet" />
<script src="~/Content/magnify/jquery.magnify.js"></script>
<script src="~/Scripts/jquery.js"></script>

2、在 HTML 中添加 data-magnify 属性，插件会自动初始化

默认结构

<div><a data-magnify="gallery" href="~/img/IMG_0844.JPG"><img src="~/img/IMG_0844.JPG" style="width:100px;height:100px;"></a><a data-magnify="gallery" href="~/img/IMG_0844.JPG"><img src="~/img/IMG_0844.JPG" style="width:100px;height:100px;"></a></div>

简洁结构

@*data-src属性(大图地址)，src属性(缩略图地址)*@<div><img data-magnify='gallery'data-src="/img/IMG_0844.JPG"src="~/img/IMG_0844.JPG"alt="点击放大"style="width:100px;height:100px;">
</div>

图片查看插件-magnify相关推荐

jQuery 图片查看插件 Magnify 开发简介（仿 Windows 照片查看器）
前言因为一些特殊的业务需求,经过一个多月的蛰伏及思考,我开发了这款 jQuery 图片查看器插件 Magnify,它实现了 Windows 照片查看器的所有功能,比如模态窗的拖拽.调整大小.最大化, ...
viewers.js 图片查看插件使用说明-vue中引用
viewers.js 图片查看插件官方地址官方地址安装 npm install viewerjs 在main.js 中引入 // 图片查看插件 import Viewer from 'v-vie ...
jquery图片查看插件，支持旋转、放大、缩小、拖拽、缩略图（仿qq图片查看）
最近做了一个jquery图片查看的插件,目的是能精确查看图片的详情,插件支持图片旋转.放大.缩小.拖拽.缩略图显示,界面效果是按照window的qq查看图片功能写的,当然不尽相同. 具体功能: 多张图 ...
vue图片查看插件v-viewer使用
使用方法: 1. 安装依赖: npm install v-viewer 2.1 main.js中全局引入插件及样式: import Viewer from 'v-viewer' import 'vie ...
给图片查看器插件Magnify新增放大镜功能
说实话Magnify图片查看器插件已经非常强大了,媲美Windows的图片查看器,但是,毕竟是开源插件,用起来简单,就是兼容性等各种bug问题.不过还好能用,自己优化一下就好. 在实际项目中,如果只是 ...
jQuery仿QQ空间图片查看特效（全屏，放大，缩小，旋转，镜像，鼠标滚轮缩放）
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! 地址:h ...
html5 photo gallery,jquery图片查看器 jquery-photo-gallery
bug:滚轮缩放,底层页面显示高度也会跟着移动: esc.上.下.左.右键在未点击当前iframe下,并没有生效: 修复:未阻止滚轮事件冒泡: 图片查看是在新打开的html页面查看,在用户未点击情况下 ...
html查看器查看图片,jQuery功能强大的图片查看器插件
viewer是一款功能强大的图片查看器jQuery插件.它可以实现ACDsee等看图软件的部分功能.它可以对图片进行移动,缩放,旋转,翻转,可以前后浏览一组图片.该图片查看器还支持移动设备,支持键盘控 ...
jQuery插件Magnify放大镜实现javascript图片放大功能
jQuery插件Magnify放大镜实现javascript图片放大功能博客所有文章均属原创作品,如有转载,请注明作者:biuuu,来源:http://www.biuuu.com/?p=459 有时 ...

图片查看插件-magnify

1、需要引用的文件

2、在 HTML 中添加 data-magnify 属性，插件会自动初始化

图片查看插件-magnify相关推荐

最新文章

热门文章