jQuery图片放大、缩小、旋转

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

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

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

相关插件-图片展示

图片点击放大并居中显示

纯js实现的一个图片点击放大并居中显示的插件,支持自定义图片详情,可作为图片浏览插件,也可自行改写
  图片展示
 53661  356

简易的jQuery无缝滚动(原创)

简易无缝滚动,只需要改变高度(不用设宽度)嗯,或许看看就知道是不是你想要的
  图片展示
 37851  441

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

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

jquery 360度旋转插件UIMIX.fullview

360度旋转图片展示jquery插件UIMIX.fullview
  图片展示
 44292  374

讨论这个项目(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,缩小到最小之后再放大,图片不见了

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