图片点击放大并可点击旋转插件（1）-jquery.artZoom.js

1.首先加入链接：

<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="js/jquery.artZoom.js"></script>
<link href="css/jquery.artZoom.css" rel="stylesheet" type="text/css">

2.html代码：

<ul class="imgList">     <li><a href="images/01.jpg"><img class="artZoom" src="data:images/01m.jpg" /></a></li><li><a href="images/03.jpg"><img class="artZoom" src="data:images/03m.jpg" /></a></li><li><a href="images/04.jpg"><img class="artZoom" src="data:images/04m.jpg" /></a></li>
</ul>

3.artzoom调用

jQuery(function ($) {$('.artZoom').artZoom({path: './images', // 设置artZoom图片文件夹路径preload: true,       // 设置是否提前缓存视野内的大图片blur: true,           // 设置加载大图是否有模糊变清晰的效果// 语言设置left: '左旋转',       // 左旋转按钮文字right: '右旋转',       // 右旋转按钮文字source: '看原图'       // 查看原图按钮文字});
});

本篇内容在网上查找整理所得

转载于:https://www.cnblogs.com/liuqingxia/p/6018481.html

图片点击放大并可点击旋转插件（1）-jquery.artZoom.js相关推荐

实现图片点击放大预览效果
前因在开发微信公众号时,产品经理要求实现图片可以点击放大,并且点击下一张的效果.因为是第一次做公众号的项目,也是第一次在移动端要做图片预览的效果,所以在网上查了相关资料. 实现路程首先,在以往的项 ...
在WordPress网站上添加图片点击放大效果
WordPress 博客中图片显示太小?想点击放大?除去安装 WordPress 现有插件,我们还可以直接添加代码实现点击博客中的图片之前是这样的点击博客中的图片之后,图片放大并呈现在灯箱中,且右 ...
layui 怎么设置点击图片放大_layui实现一个图片点击放大
layui实现一个图片点击放大 2019-10-27 01:58:45 卢浮宫版权声明:本文为站长原创文章,转载请写明出处 QQ分享一.背景业务需求,实现一个图片点击放大功能.之前有说个一个 ...
html基础总结4-实现点击图片弹出放大图片--不用插件
实现点击图片弹出放大图片--不用插件 <td width="350"> <img height="100" width="100&q ...
微信浏览器返回刷新，监听微信浏览器返回事件，网页防复制，移动端禁止图片长按和vivo手机点击img标签放大图片
以下代码都经过iphone7,华为MT7 ,谷歌浏览器,微信开发者工具,PC端微信验证.如有bug,还请在评论区留言. demo链接:https://pan.baidu.com/s/1c35mbjM ...
android+放大缩小图片+有jar嘛,Android相册支持点击放大图片，滑动切换图片，手势放大缩小...
[实例简介] 项目使用了开源框架Universal-Image-Loader 显示本地图库所有照片点击放大,单击退出双击放大缩小支持左右滑动查看图片支持手势放大缩小图片 [实例截图] [核心代 ...
jQuery Zoom 图片聚焦或者点击放大A plugin to enlarge images on touch, click, or mouseover
下载: zoom-master 项目地址: https://github.com/jackmoore/zoom Compatible with: jQuery 1.7+ in Chrome, Fire ...
java点击图片发出声音_[Java教程]点击放大图片
[Java教程]点击放大图片 0 2017-11-18 22:00:06 body{ text-align:center} div{ margin:50px auto} function clik(t ...
html图片上传阅览并且点击放大
关闭 qq_31540195的博客目录视图摘要视图订阅异步赠书:9月重磅新书升级,本本经典程序员9月书讯每周荐书:ES6.虚拟现实.物联网(评论送书) htm ...

图片点击放大并可点击旋转插件（1）-jquery.artZoom.js

图片点击放大并可点击旋转插件（1）-jquery.artZoom.js相关推荐

最新文章

热门文章