2012-04-13 3 views
0

Fancybox는 멋지게 보이지만 오른쪽 또는 다음 화살표를 클릭하면 이미지가 위에서 아래로 떨어집니다. 나는 그것이 이상한 것을 안다. 그런 화살이 보일 때, 곧 나오는 이미지를 그 방향으로 화면에서 벗어난 것으로 묘사합니다. 그것이 위로부터 떨어지면, 그것은 나에게 싫증이났다.왼쪽에서 오른쪽으로 fancybox 스크롤링을 변경하는 방법은 무엇입니까?

어떻게 fancybox를 가로로 스크롤합니까? 스크롤 방향이 아닌 모든 것에 대한 매개 변수가있는 것 같습니다. 그것은 곧 직장을 떠날거야 금요일 밤이고,

답변

0

좋아, 절반 대답이오고있다 (. 내 자바 스크립트 기술은 다른 사람의 일에 사소한 조작으로 제한됩니다)하지만, 플러그인 변경 :

changeOut: function() { 

     var wrap = F.wrap, 
      current = F.current, 
      cleanUp = function() { 
       $(this).trigger('onReset').remove(); 
      }; 

     wrap.removeClass('fancybox-opened'); 

     if (current.prevEffect === 'elastic') { 
      if(F.coming.index < F.current.index) { 
      wrap.animate({ 
       'opacity': 0, 
       right :'+=200px' 
      }, { 
       duration: current.prevSpeed, 
       easing: current.prevEasing, 
       complete: cleanUp 
      }); 
      } 
      else { 
       wrap.animate({ 
       'opacity': 0, 
       left :'+=200px' 
      }, { 
       duration: current.prevSpeed, 
       easing: current.prevEasing, 
       complete: cleanUp 
      }); 
      } 

     } else { 
      wrap.fadeOut(current.prevEffect === 'fade' ? current.prevSpeed : 0, cleanUp); 
     } 
    } 

이 단지 그것의 절반 인 changeIn: function()F.coming.index을 가지고있는 것처럼 보이지 않습니다. 어느 방향으로 가고 있는지 알기 위해 사용했습니다.

+1

나는 정상에서 벗어난 전환을 좋아했습니다. startPos를 위에서 아래로 변경하면 슬라이드가 계속 진행될 수 있지만 이전과 다음 모두 동일하다는 것을 알았습니다. \t \t \t'(current.nextEffect === '탄성') { \t \t \t \t startPos = F._getPosition (TRUE) 경우; \t \t \t \t startPos.opacity = 0; \t \t \t \t startPos.left = (parseInt (startPos.left, 10) - 200) + 'px'; \t \t \t \t wrap.css (startPos) .show() (애니메이션. { \t \t \t \t \t 불투명도 : 1 \t \t \t \t \t 왼쪽 '+ = 200 픽셀' \t \t \t \t를} { \t \t \t \t \t 기간 : current.nextSpeed, \t,\t \t \t 완화 : current.nextEasing, \t \t \t \t \t 완성 : \t \t \t \t F._afterZoomIn }); 작은-큰 봇 @ 답장을' – Zpinhead

+0

감사합니다. Stackflow는 내가 전에 그것을 말할 수 있기 전에 나를 잘라 버렸다. ;-) 다음/prev 버튼이 다음/이전처럼 작동하도록하는 (상대적으로 간단한) 방법이 있습니까? 내 고침을 통해 다음이나 이전 여부와 상관없이 다음 효과를 얻을 수 있습니다. – Zpinhead

+0

아, 문제가 없습니다. 나는 내가 무엇을 찾을 수 있는지 보자. 알아낼 수 없다면'prevEffect : fade'가 또 다른 옵션입니다. –

관련 문제