javascript - 自分用に最適化する基本的なjqueryスライダー

Question

http://www.basic-slider.com/のスライダーを使用してニュースフィードを作成しています 。下の画像のように見えます。画像をスライドさせてテキストをフェードさせたくありません。どうすればいいのかわかりません（意味がわからない場合は、ウェブサイトをご覧ください）。私よりも知識が豊富で、これを行う方法を知っている人はいますか？

Answer 1

アクティベーション JavaScript のプロパティを変更するだけです。デフォルトはフェードなので、下の 4 つのプロパティを追加します。

$('#banner-fade').bjqs({
 height      : 320,
 width       : 620,
 responsive  : true,
 animtype : 'slide', // accepts 'fade' or 'slide'
 animduration : 450, // how fast the animation are
 animspeed : 4000, // the delay between each slide
 automatic : true // automatic
});

....ああ、すみません、それはあなたの質問の半分に過ぎないことに気付きました。文字も消したい…

編集 --> 上記のプロパティを追加し、bjqs-1.3.js の 615 行目に移動して、関数のすぐ内側に次の行を追加します。

$('.bjqs-caption').fadeOut(settings.animduration);

次に、その関数の最後にある 708 行目に次の行を追加します。

$('.bjqs-caption').fadeIn(settings.animduration);

次に、bjqs-1.3.min.js バージョンに同じ変更を加える必要があります。

関数が呼び出されると、すべてのキャプションがフェードアウトしてスライドが発生し、キャプションがフェードインします。

（さらにテストが必要です！）