화살표가있는 슬라이더

Question

나는 zurb에서 궤도 슬라이더를 따라 슬라이더를 만들고 있습니다.

$('.description > p:visible') 
    .fadeOut(500) 
    .next() 
    .fadeIn(500) 
    .end() 
    .appendTo('.description'); 

가있는 다음의 화살표의 코드 있지만이의 요점은 내가 탐색 화살표 한 세트의 두 개의 슬라이드 쇼를 제어 할 것입니다 ... 여기가 orbit.next 기능에 추가 해요 무엇 이전 코드에서도 작동하도록이 코드를 어떻게 적용 할 수 있습니까?

감사
벤 정말 궤도 슬라이더 모르는

Answer 1

,하지만 난 여기에 내가 무엇을 잘못 이해하면 내가, 지금까지

$('.description p:last-fo-type') 
    .fadeOut(500) 
    .prev() 
    .fadeIn(500) 
    .end() 
    .prependTo('.description'); 

하십시오 가지고 무엇을, 어떻게 든 도움이 될 수 있습니다 생각 저에게 알려주세요. 그래서 나는 필요한 수정을 할 수 있습니다.

행운을 빈다. 나는 그것을 밖으로 생각 근래

Answer 2

...

this.$element.bind('orbit.next', function() { 
    self.shift('next'); 

    if ($('.description > p:visible').is(':not(:last-of-type)')) { 
     $('.description > p:visible').fadeOut(500).next().fadeIn(500); 
    } else { 
     $('.description > p:visible').fadeOut(500); 
     $('.description > p:first').fadeIn(500); 
    } 
    }); 

    this.$element.bind('orbit.prev', function() { 
    self.shift('prev'); 
    if ($('.description > p:visible').is(':not(:first-of-type)')) { 
     $('.description > p:visible').fadeOut(500).prev().fadeIn(500); 
    } else { 
     $('.description > p:visible').fadeOut(500); 
     $('.description > p:last').fadeIn(500); 
    } 
    });