jQuery_jquery로 구현된 이미지 그룹화 전환 초점 이미지 플러그인

 

$(함수 () {
                var $number = Math.ceil($('.scroll ul li').length / 4) //스크롤 화면 수 가져오기
               var margin = 10 //이미지 간격 설정
                var $w = $('.scroll li').width() // 화면 이미지의 너비
                var $width = $w * $number * 2 //ul 너비 설정
            var pre = $('.device .pre');
                var next = $('.device .next');
If ($number == 1) { pre.hide(); next.hide() }
                 $('.scroll ul').width($width);
            var num = 0;
              기능 자동 스크롤() {
                  숫자 ;
If ($number == 1) { return false }
If (num == $number) {
                   숫자 = 0;
                }
              var 거리 = -2 * $w * num;
                      $('.scroll ul').stop().animate({ 왼쪽: 거리 });
            }
            var scrollChange = setInterval(autoscroll, 8000);
//마우스를 가리키고 스크롤을 일시 중지하세요
                 $(".scroll ul,.pre,.next").mouseover(function () {
                    $('.scroll ul').stop()
Clearinterval(스크롤변경)
            });
// 마우스가 멀어지고 롤링이 계속됩니다
                 $('.scroll ul,.pre,.next').mouseout(function () {
                scrollChange = setInterval(autoscroll, 8000);
            });
​​​​​​ //다음 그룹
               next.click(function () {
                  숫자 ;
If (num >= $number) { num = 0 }
              var leftdis = -2 * $w * num;
>             });
//이전 그룹
                 pre.click(function () {
                숫자--;
If (num               var rightdis = -2 * $w * num;
                              $('.scroll ul').stop().animate({ left: rightdis });
            });
        });