갤러리를 스크롤하는 대신 무한 루프를 만들어 첫 번째로 돌아가는 대신

.. 안녕하세요, 저는 정말로 jquery를 처음 접했습니다.이 문제를 해결하는 데 어려움을 겪고 있습니다. 문제는 ... 무한 루프가 필요하며 첫 번째 콘텐츠로 돌아가는 효과가 없습니다.갤러리를 스크롤하는 대신 무한 루프를 만들어 첫 번째로 돌아가는 대신

function initCarousel() { 
jQuery('.link-block').scrollGallery({ 
    mask: 'div.mask', 
    slider: 'div.slideset', 
    slides: 'div.slide', 
    btnPrev: 'a.prev', 
    btnNext: 'a.next', 
    autoRotation: true, 
//displayTime: 5000, 
    circularRotation: true, 
    switchTime: 3000, 
    animSpeed: 500

............ 여기

// jquery plugin 
$.fn.scrollGallery = function(opt){ 
    return this.each(function(){ 
     $(this).data('ScrollGallery', new ScrollGallery($.extend(opt,{holder:this}))); 
    }); 
}; 
}(jQuery));

희망 누군가가 도움이 될 수 있습니다 :

출처

2013-03-19 cresants

코드의 마지막 줄에 코드 서식을 고정했지만 그'} (jQuery);가 실제로 속한 것은 무엇입니까? – nnnnnn

jsfiddle 또는 전체 html 코드가 도움이 될 것입니다. – user991554

1 년 후, 그렇게하는 방법을 알고 있습니까? 방금 다른 사람의 코드에서 같은 문제가 발생했습니다. 나는 아직 단서가 없다 ... 고마워! – JoeMecPak

jsfiddle을 제공하는이 확인 도움이 될하지만, 나는 느낌이 사용중인 플러그인이 이후의 "무한 루프"효과를 지원하지 않습니다.

'무한 루프'효과가있는 다음 플러그인 기능 및 은으로 보이며 ScrollGallery 플러그인이 작동하는 것과 동일한 HTML 구조로 '플러그인'됩니다. 다시 원래 HTML, JS의 나머지 부분을 보는 것이 도움이 될 것입니다.

function initCycleCarousel() { 
    jQuery('.link-block').scrollAbsoluteGallery({ 
     mask: 'div.mask', 
     slider: 'div.slideset', 
     slides: 'div.slide', 
     btnPrev: 'a.prev', 
     btnNext: 'a.next', 
     pauseOnHover: true, 
     maskAutoSize: true, 
     autoRotation: true, 
     switchTime: 3000, 
     animSpeed: 500 
    }); 
}

플러그인 자체는 here입니다. 당신도 자바 스크립트에 그것을 포함해야합니다.

출처

2014-10-27 16:21:36 bonobon

갤러리를 스크롤하는 대신 무한 루프를 만들어 첫 번째로 돌아가는 대신

답변

관련 문제