                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /Jquery插件transform旋转焦点图

我的也是没有效果，帮我看一下吧，我跟源码对了对没有什么不一样的地方啊？

js部分：

var loopPlayerInit=(function(){ //初始化函数loopPlayerInit

var $butLeft=null,

$butRight=null,

$butPlay=null;

origin=['125px','600px'];

function init(){

$butLeft=$(".butLeft"),

$butRight=$(".butRight"),

$butPlay=$(".butPlay"),

$imglist=$(".mainbox ul li");

configer();

setEvent();

}

function configer(){

var ang=6,

aint=-6;

$imglist.transform({origin:origin});

$imglist.each(function(i){

var $this=$(this);

$this.transform({rotate:aint+(i*ang)+"deg"});

})

}

return init;

})();

loopPlayerInit();

html部分：

var loopPlayerInit=(function(){ //初始化函数loopPlayerInit

var $butLeft=null,

$butRight=null,

$butPlay=null;

origin=['125px','600px'];

function init(){

$butLeft=$(".butLeft"),

$butRight=$(".butRight"),

$butPlay=$(".butPlay"),

$imglist=$(".mainbox ul li");

configer();

setEvent();

}

function configer(){

var ang=6,

aint=-6;

$imglist.transform({origin:origin});

$imglist.each(function(i){

var $this=$(this);

$this.transform({rotate:aint+(i*ang)+"deg"});

})

}

return init;

})();

loopPlayerInit();

小富君子

2016-10-24

源自：Jquery插件transform旋转焦点图 3-2

关注问题我要回答

877

操作

收起

1 回答

myblogbo_com
2016-12-16

没有错啊，跟我是一样的

//配置图片，设置初始旋转角度
    function configer(){
      //初始化角度
      var ang = 5,
          aint = -5;
      //设置所有图片父元素 li  的旋转基点
      $imglist.transform({origin:origin});

      $imglist.each(function(i){
        var $this = $(this); //i 是从零开始的
        $this.transform({rotate:aint+(i*ang)+"deg"});
      })
    }

1 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

Jquery插件transform旋转焦点图

参与学习 31563 人
解答问题 52 个

本视频教程教你制作带旋转效果的焦点图轮播器，结合案例学的更快

我的也是没有效果，帮我看一下吧，我跟源码对了对没有什么不一样的地方啊？

我要回答关注问题

意见反馈帮助中心 APP下载