jQuery图片放大、缩小、旋转

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

 43497  281  查看评论 (6)
分享到微信朋友圈
X
jQuery图片放大、缩小、旋转 ie兼容9
http://www.jq22.com/jquery-info6380

基于以上插件改造(上面处理太复杂)

相关插件-图片展示

HTML5卡片人物介绍动画展示效果

HTML5卡片人物介绍动画展示效果ie9和ie10没有测试,ie8以下不支持。基于bootstrap框架制作
  图片展示
 42865  515
  图片展示
 40607  376

jQuery点击图片预览并显示详情

jQuery点击图片预览并显示详情,加入购物车,适合简单的商城系统
  图片展示
 43092  652

jQuery移动端图片查看插件photoswipe.js

实现了移动端图片查看缩放,左右切换效果
  图片展示
 62147  400

讨论这个项目(6)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    Samael 0
    2018/11/30 14:55:15
     let Maxwidth_temp = (config.maxWidth || ($parent[0].nodeName === 'A' ? $this.parent() : $this).parent().width()) * 1.7;
     let Minwidth_temp = (config.maxWidth || ($parent[0].nodeName === 'A' ? $this.parent() : $this).parent().width()) * 0.5;
     switch (go) {
         case 'left':
             degree -= 90;
             degree = degree === -90 ? 270 : degree;
             break;
         case 'right':
             degree += 90;
             degree = degree === 360 ? 0 : degree;
             break;
         case 'source':
             window.open(source || show || src);
             break;
         case 'max':
             maxWidth_temp = maxWidth * 1.2;
             if (maxWidth_temp < Maxwidth_temp) {
                 maxWidth = maxWidth_temp;
             } else {
                 alert("已经放大到最大值了")
             }
             break;
         case 'min':
             maxWidth_temp = maxWidth * 0.8;
             if (maxWidth_temp > Minwidth_temp) {
                 maxWidth = maxWidth_temp;
             } else {
                 alert("已经缩小到最小值了")
             }
             break;
         case 'hide':
             maxWidth = config.maxWidth || ($parent[0].nodeName === 'A' ? $this.parent() : $this).parent().width();
             imgRotate(elem, degree, maxWidth, maxHeight);
             $this.show();
             $artZoom.find('.ui-artZoom-toolbar').hide();
             $artZoom.hide();
             $artZoom.find('[data-go]').off('click', buttonClick);
             break;
     };
    回复
    初始化、默 0
    2018/1/11 15:35:23
    这个怎么发布的?有哪位大哥大姐帮帮
        疾风细雨楼0
        2019/8/19 9:33:11
        tomcat,iis都可以吧
    回复
    Function 0
    2018/1/10 14:39:49
    Boy 0
    2018/1/10 12:35:11

    哈哈哈哈哈哈,好像是的

    回复
    夜微凉 0
    2018/1/9 8:53:39

    有bug,缩小到最小之后再放大,图片不见了

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复