jquery - BxSliderのフェードインとフェードアウト

Question

StackOverflow'ers

jQueryは初めてですが、現在BXsliderプラグインを使用しています。

<script type="text/javascript">
  $(document).ready(function(){
    $('#slider').bxSlider();
  });
</script>

私がやりたいのは、各スライドでスライダーを左から右にスライドインおよびスライドアウトすることです。

score 6 · Accepted Answer

投稿したリンクには、プラグインをカスタマイズするためのすべてのオプションがあります。次のように値を変更できます。

$(document).ready(function(){
    $('#slider').bxSlider({
    mode: 'fade',
    });
});

より多くの移行/イージングオプションを探している場合は、jQueryEasingを含める必要があります。ここで入手してください：http：//gsgd.co.uk/sandbox/jquery/easing/

次に、次のようなイージングオプションを追加します。

easing: 'swing',

参考までに「swing」がデフォルトです。

score 0 · Accepted Answer

リストまたはdivのIDは、jQueryコードと同じである必要があります。

適切に閉じられておらず、これを妨害している可能性のある他のコードがあるかどうかを確認してください。

プラグインと互換性のあるバージョンのjQueryを追加し、ページヘッダーに.min.jsを追加したことを確認してください。

2 に答える 2