2011-09-05 2 views
0

다음 코드는 이미지 갤러리를 트리거합니다.jQuery 클릭() 함수를 사용하여 순환 캐로 셀을 만듭니다.

$('#coursepanel .thumbstrip img:first').click(); 

내가 5000ms의 타임 아웃 후, 다음의 요소를 원하는 트리거 할 수 있습니다 후 다음 트리거 할 수있는 또 다른 5000ms, 후 등 ... 등 ... 그런 요소가 세트의 마지막 인 경우 다시 첫 번째 방아쇠를 당길 수 있습니다.

+1

휴식을 취하고 KitKat을 준비하십시오. 뇌의 상처는 프로그래머에게는 좋지 않습니다! – Kheldar

답변

2

이러한 유형의 기능에 대한 jQuery Cycle 플러그인을 확인하는 것이 좋습니다. 그것은 당신에게 스스로 프로그래밍의 골머리지 않고 원하는 기능을 제공 할 것입니다. 효과의 속도를 제어

http://jquery.malsup.com/cycle/

파라미터는 '제한 시간'과 '속도'이다. 옵션 페이지에서 모든 옵션을 체크 아웃 할 수 있습니다 : http://jquery.malsup.com/cycle/options.html.

+0

갤러리는 JQuery 갤러리가 아니므로 CSS3에서 제공됩니다. JQuery 만 클래스 변경 이벤트를 트리거하는 데 사용되었습니다. –

+0

@Robin : "jQuery 갤러리"와 "클래스 변경 이벤트 트리거"를 사용하는 jQuery 갤러리의 정확한 차이점을 설명하십시오. 아마도 플러그인이 작동하지 않는 이유와 바퀴가 다시 발명해야하는 이유에 대한 자세한 설명으로 질문을 업데이트하십시오. – Sparky

+0

여기에 필요한 것은 모두 이벤트를 트리거하는 무한 루프입니다. 나머지는 이미 완료되었습니다. –

0

가벼운 혼란. 우리는 JQuery 갤러리 나 플러그인이 아니 었습니다. 요소를 통해 이동할 수있는 무한 루프. 두뇌 솔기가 이제 고쳐질 것입니다.

function gslide(slide) { 

    $(slide).click(); 
    setTimeout(function(){ 

     if($(slide).attr('id') == $('#coursepanel .thumbstrip img:last').attr('id')) 
     { 
      gslide($('#coursepanel .thumbstrip img:first')); 
     } 
     else { 
     gslide($(slide).next()); 
     } 
    },3000); 
} 


gslide($('#coursepanel .thumbstrip img:first')); 
관련 문제