-1

みなさん、

次を選択すると、同じ html ページで演習 1 と演習 2 のスライダーを作成したい場合、画像スライダーと同じように、演習が完了した後に次の演習が表示されます。同時に 2 つの演習は表示されず、一度に 1 つだけが表示されます。次のエクササイズのスライダーとして機能する必要があります。これを開発するのを手伝ってください

私のjsfiddleは:jsfiddle.net/hirenwebdp/Ky8fP/7/です

私のjsfiddleでは、1つのhtmlページに2つの演習があることがわかりますが、スライダーが両方とも同じに表示されていないので、演習1と2のスライダーを開発したいので、助けてください

4

1 に答える 1

1

この目的で bxslider を使用できます。これは単なる画像スライダーではなく、コンテンツ スライダーでもあります。

ここでフィドルをチェックしてください

検証を実装していないことに注意してください。最初の演習が完了したときにのみ次のスライドに進むなど。自分でそれを達成できることを願っています。

bxslider js および css ファイルと、このようなプラグインを含めます。

$('.slider').bxSlider({
  mode: 'horizontal',
  auto: false
});

無限ループが必要ない場合は、false に設定することもできます。

 $('.slider').bxSlider({
  mode: 'horizontal',
  auto: false,
  infiniteLoop:false
  });
于 2013-11-08T05:59:59.313 に答える