jQuery图像缩放插件spzoom

所属分类:媒体-图像,图片展示

jQuery图像缩放插件spzoom ie兼容9

发布时间:2018-6-5 10:06

更新时间:2018/6/6 1:37:07

更新说明:解决因点击放大消失问题。


使用方法

需要引用Query库,以及插件文件jquery.spzoom.css和jquery.spzoom.js

<link rel="stylesheet" type="text/css" href="css/jquery.spzoom.css"/>
<script src="http://www.jq22.com/jquery/jquery-1.8.2.js"></script>
<script type="text/javascript" src="js/jquery.spzoom.js"></script>

html

<a name="img/aa.png" title="medal sygnowany" data-spzoom data-spzoom-width="200" data-spzoom-height="200">
  <img src="img/aa.png" alt="Image" width="200" />
</a>

js

$(function() {
    $('[data-spzoom]').spzoom();
});

选项

选项默认描述
width250缩放窗口宽度
height250缩放窗口高度
position'right'缩放窗口相对于拇指的位置。可以是顶部/右侧/底部/左侧之一
margin20拇指和缩放窗口之间的额外空间
titlePosition'bottom''底部'图像标题位置(标题从锚标题属性读取)。有效值为:顶部/底部
showTitletrue是否显示标题
相关插件-图像,图片展示

移动端图片滤镜效果

在手机上常用到的图片滤镜效果
  图像
 7496  78

基于HTML5 Canvas实现的图片马赛克模糊特效

基于HTML5 Canvas实现的图片马赛克模糊特效
  图像
 8886  32

svgmap地图

svgmap实现中国地图。
  图像
 26200  170

jQuery切图插件(原创)

基于jQuery实现的类似ps切图工具
  图像
 1949  21

讨论这个项目(7)回答他人问题或分享插件使用方法奖励jQ币

    油条 0
    2018/6/18 23:05:44
    bug修复没有?我想下载来用用
        西瓜0
        2018/6/18 23:24:08
        修好了。
    回复
    傲视苍穹 0
    2018/6/7 15:05:34
    jQuery的打印插件不支持预览功能,这个最好还是加上吧! 回复
    SiriBen 1
    2018/6/5 15:21:42
    有bug啊,鼠标放在图片上,右边能有正常的放大镜特效,但是,鼠标单击一下原图,放大镜没了,再点一下。。。。。。。。。画面不敢想象
        喂,是你的代码0
        2018/6/5 18:16:47
        测试了一下,果然是放大了,干脆禁用鼠标点击事件,我不懂js,等优化了再下载...
        小多多你好0
        2018/6/5 19:02:16
        感谢反馈,看了一下,小问题我会尽快修复的。
        油条0
        2018/6/18 23:04:27
        问一下bug修复了没有啊?
    回复
取消回复