2014-02-27 4 views
0

cycle2 "Flip"전환의 "reverse"기능을 작동시키지 못합니까?jquery cycle2 reverse flip not working

Link to file에 테스트 HTML 파일을 첨부했습니다. data-cycle-reverse = true를 슬라이드 쇼 div에 추가했지만 여전히 작동하지 않습니다. 어떤 사람이 나를 도울 수 있습니까?

+0

? 역기능이란 무엇을 의미합니까? – Champ

+0

코멘트 챔피언에게 감사합니다. flipHorz의 기본 동작은 오른쪽에서 왼쪽으로 이미지를 뒤집는 것입니다. 그러나 나는 반대 방향으로 뒤집기를 원했습니다. 어느 것이 왼쪽에서 오른쪽으로. – dharshan

답변

1

data-cycle-reverse=true은 애니메이션이 아닌 슬라이드가 표시되는 순서에만 적용됩니다.

플립 전환을 반대 방향으로 만들려면 jquery.cycle2.flip.js를 편집해야합니다. 코드에서 90을 모두 반비례해야합니다.

변경이 (라인 50) : 여기에

 // css before transition start 
     rotateFn.call(next, -90); 
     next.css({ 
      'display': 'block', 
      'visibility': 'visible', 
      'background-position': '-90px', 
      'opacity': 1 
     }); 

     curr.css('background-position', '0px'); 

     curr.animate({ backgroundPosition: 90 }, { 

: 나는이 cycle2 "플립"전환 기능을 "역"일을 할 수 없습니까

 // css before transition start 
     rotateFn.call(next, 90); 
     next.css({ 
      'display': 'block', 
      'visibility': 'visible', 
      'background-position': '90px', 
      'opacity': 1 
     }); 

     curr.css('background-position', '0px'); 

     curr.animate({ backgroundPosition: -90 }, { 
+0

브라이언 감사합니다. 당신은 내가 바뀐 것이고 완벽하게 작동합니다. – dharshan