jQuery图片放大、缩小、旋转

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

插件描述：jQuery图片旋转插件jQuery.artZoom修改版

http://www.jq22.com/jquery-info6380

基于以上插件改造（上面处理太复杂）

基于jquery的轻量级无缝轮播插件(原创)

移动端仿淘宝造物节3d

jQuery全屏图片轮播插件fullpage.js

图片展示

34890 83

jQuery鼠标滚轮放大缩小查看图片（原创）

使用jquery实现点击放大图片之后，使用鼠标滚轮放大缩小图片，点击遮罩关闭图片

图片展示

12700 57

简易的jQuery无缝滚动（原创）

简易无缝滚动，只需要改变高度（不用设宽度）嗯，或许看看就知道是不是你想要的

图片展示

10674 95

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

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

图片展示

17861 284

讨论这个项目（5）回答他人问题或分享插件使用方法奖励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;
 };