jquery - Jquery スライダーが機能しない - すべての画像を表示する

Question

cascadesdev1.wpengine.comに JQuery スライダーがあります

すべての画像が垂直に表示され、適用する<style="overflow:hidden;">と、スライダーは最初の画像にとどまり、スライドしません。

Answer 1

プラグインを使用する代わりに、自分でアニメーションをコーディングする方が簡単な場合があります...

このフィドルを見てください：http://jsfiddle.net/promatik/p8SYJ/

setInterval(scrollImage,2500);

function scrollImage() {
    actual = (actual == nImages-1) ? 0 : actual+1;
    $('.slider').animate({ top: -250*actual+'px' }, 800, 'easeInOutBack');
};

画像間の簡単なトランジションが必要な場合は、独自の jquery アニメーションを作成し、インターバル時間 (2500ms)、トランジション時間 (800ms)、効果をカスタマイズできます。試してみてください...