1.
artZoom图片放大插件
a.
导入artZoom库
<link type="text/css" href="路径/artzoom/jquery.artZoom.css" rel="stylesheet"/>
<script type='text/javascript' src='路径/artzoom/jquery.artZoom.js'></script>
b.
全局加载artZoom插件
HTML代码
<img class="artZoom" src="http://ww4.sinaimg.cn/thumbnail/630bea00jw1dp538y
4q4cj.jpg" / data-artZoom-show=”
http://ww4.sinaimg.cn/bmiddle/630bea00jw1dp5
38y4q4cj.jpg data-artZoom-source =”
http://ww4.sinaimg.cn/large/630bea00jw1dp5
38y4q4cj.jpg” />
JSCode:
jQuery(function ($) {
$('.artZoom').artZoom({
path: './images',
// 设置artZoom图片文件夹路径
preload: true,
// 设置是否提前缓存视野内的大图片
blur: true,
// 设置加载大图是否有模糊变清晰的效果
// 语言设置
left: '左旋转',
// 左旋转按钮文字
right: '右旋转',
// 右旋转按钮文字
source: '看原图'
// 查看原图按钮文字
});
});
注意:要拷贝artzoom image包下所有图片和鼠标指针文件,否则样式无法显示完整。
分享到:
相关推荐
微博图片放大jQuery.artzoom.rar
artZoom 比jQuery Zoom能实现的功能更多一些,可以支持图片放大,旋转功能。
摘要:脚本资源,jQuery,artZoom,图片缩放,图片旋转 artZoom -更快的微博贴图旋转、图片缩放代码,就像新浪微博、腾讯微博内的贴图一样,默认状态下显示缩略图,点击后显示出大图,并在图片左上角显示旋转控制按钮,...
artZoom - 微博简约贴图缩放代码
jQuery.artZoom 一款旋转放大图片查看插件 超好用
图片旋转插件jQuery.artZoom支持jQuery2 图片旋转插件jQuery.artZoom支持jQuery2
jQuery zoom图片放大缩小左右旋转查看,可设置artZoom图片文件夹路径、可设置加载大图是否有模糊变清晰的效果、可设置是否提前缓存视野内的大图片,查看原图按钮文字
artZoom 简约缩略图缩放插件 artZoom 简约缩略图缩放插件
artZoom 简约图片缩放插件(基于jquery).zip
放大(其实是原图大小,也可以手动设置高宽)旋转查看
新浪微博图片展示效果是一款基于jQuery、artZoom.js制作的网站图片展示效果代码。有图片向左旋转、向右旋转和查看原图的功能。
artZoom 简约缩略图缩放插件,如果连接含有rel属性,则新窗口打开的原图地址为此rel里面的地址,在含有图片的链接添加一个"artZoom"类即可启动简洁优雅的缩放效果,支持浏览器:IE6~IE8,Chrome,Firefox,Opera,Safari...
jQueryartZoom旋转放大图片查看插件
支持选项 支持方法 支持事件 支持触摸 支持移动 支持缩放 支持旋转 支持键盘 跨浏览器支持
artZoom:常用于微博,支持图片放大缩小旋转 AutoComplete:自动完成 BackTop:当内容多时出现“返回顶部” CFUpload:批量上传图片,支持预览,支持众多回发事件 Common:网站常用的基础jquery库 FancyBox:众多遮罩...
jquery库及入门使用说明
从零开始学习jQuery.doc从零开始学习jQuery.doc从零开始学习jQuery.doc从零开始学习jQuery.doc从零开始学习jQuery.doc从零开始学习jQuery.doc从零开始学习jQuery.doc从零开始学习jQuery.doc从零开始学习jQuery.doc