JS 간단한 캐러셀 이미지 스크롤 example_javascript 기술

[javascript]

코드 복사 코드는 다음과 같습니다.

var forimg = function(foritem, hoverStop, defaultfor) { 
        var _foritem = foritem.constructor == jQuery ? foritem : $(foritem); 
        var imgarr = [ 
            { "z-index": 1, "width": 100, "height": 100, "left": 0, "top": "75px" }, 
            { "z-index": 2, "너비": 200, "높이": 200, "왼쪽": 50, "top": "25px" }, 
            { "z-index": 3, "너비" : 300, "높이": 250, "왼쪽": 150, "상단": "0" }, 
            { "z-index": 2, "너비": 200, "높이": 200, "왼쪽 ": 370, "상단": "25px" }, 
            { "z-index": 1, "너비": 100, "높이": 100, "왼쪽": 520, "상단": "75px" } 
        ]; 
        _foritem.each(function (i) { 
            var _this = $(this); 
           _this.css(imgarr[i] || imgarr[4]); 
            _this.find(" img").css(imgarr[i] || imgarr[4]); 
        });   www.jb51.net
        var _for = function (_i, data, nulldata, callback) { 
            $(foritem).each(function (i) { 
              var self = $(this); 
> [i _i] || nulldata); 
                   self.find("img").stop().animate(data[i _i] || nulldata, function () { 
                   callback.call(self, i ); 
                  }); 
              });
          }) 
        }; 
        var that = this; 
        var defaultforfun = function () { 
            if (!defaultfor) { 
               that.leftfor(); 
            } else { 
                that.rightfor(); 
            } 
        } 
        var forimgInterval = setInterval(defaultforfun, 1000); 
        if (hoverStop) { 
            _foritem.hover(function () { 
              clearInterval(forimgInterval); 
           }, function () { 
                forimgInterval = setInterval(defaultforfun, 1000);
            }); 
        } 
        this.leftfor = function () { 
            var nuldata = { "z-index": -1, "width": 100, "height": 100, "left": 520, " 상단": "75px" }; 
            imgarr[0]["z-index"] = 1; 
            imgarr[0]["z-index"] = 2 
           imgarr[0]["z-index"] = 3 
            imgarr[0]["z-index"] = 2 
            imgarr[0]["z-index"] = 1 
            _for(-1, imgarr, nuldata, function (i) { 
               if (i == 0) { 
                  this.가장 가까운(" ul").append(this); 
               } 
            }); 
        }; 
        this.rightfor = function () { 
            var nuldata = { "z-index": -1, "width": 100, "height": 100, "left": 0, "top": " 75px" }; 
            imgarr[0]["z-index"] = 1; 
            imgarr[0]["z-index"] = 2 
           imgarr[0]["z-index"] = 4 
            imgarr[0]["z-index"] = 5 
            imgarr[0]["z-index"] = 2 
            _for(1, imgarr, nuldata, function (i) { 
               if (i == _foritem.length - 1) { 
                    이. close("ul").prepend(this); 
                  this.css("z-index", "1"); 
             } 
           }); 
        }; 
        this.stop = function () { 
           clearInterval(forimgInterval); 
        }; 
        this.next = function () { 
            forimgInterval = setInterval(defaultforfun, 1000); 
        }; 
    };