2012-04-13 19 views
0

Fancyboxは素晴らしく見えますが、右または次の矢印をクリックすると、画像が上から降ります。私はそれが奇妙だと分かります。そのような矢印が見えるとき、私はその方向に向かって画面から外れていると思われる画像を描きます。それが上から落ちるとき、それは私に震えている。ファンシーボックスの左から右へのスクロール方法を教えてください。

どのようにファンシースクロールを水平にスクロールしますか?スクロール方向ではなく、すべてについてのパラメータがあるようです。 (私のjavascriptのスキルは他の人々の仕事で微調整に制限されています。)

答えて

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不透明度: '+ = 200pxの' \t \t \t \t:1、 \t \t \t \t \t左} { \t \t \t \t \t duration:current.nextSpeed、 \t \t \t \t \t緩和:current.nextEasing、 \t \t \t \t \t完全:\t \t \t \t F._afterZoomIn });リトル・ビッグ・ボット@リプライのための ' – Zpinhead

+0

感謝。私が前にそれを言うことができる前に、Stackflowは私を切断した。 ;-)次の/前のボタンを次の/前のように動作させる(比較的単純な)方法はありますか?私の解決策では、次の、または前のいずれかの次の効果が得られます。 – Zpinhead

+0

ああ、問題はありません。私は何を見つけることができます。私がそれを理解できなければ、 'prevEffect:fade'も別のオプションです。 –

関連する問題