-2

私は、JQuery/JavaScript のこの部分に少し慣れていません。

どこかから jquery プラグインまたはスライダーを使用できることはわかっていますが、私の要件は少し異なると思います。

背景画像とその上にテキストを重ねてコンテンツを作成し、コンテンツの準備が整いました。上の画像がクリックされたとき、および左/右のオプションがクリックされたときに、コンテンツを次のコンテンツに変更するには、jquery を使用する必要があります。スライダーが機能する方法に似ています。また、前後に左右のオプションを移動する必要があります。

どうすればこれを開始できますか?

4

1 に答える 1

1

アイデアは、コンテンツ全体を固定幅の分割でラップすることです。次に、jQuery animate APIを使用して、jquery animate オプションを使用してコンテンツの幅を左または右に動的に変更できます。
コンテンツを左に移動する例

$('#innerscroll').animate({"left": "+=150px"}, 500);

コンテンツを右に移動する例

$('#innerscroll').animate({"left": "-=150px"}, 500);

innerscroll は、スライダーがラップされる親部門 ID です。

詳細な手順は、このjQuery 画像スライダー チュートリアルに記載されています。コンテンツには img の代わりに li タグを使用していることを確認してください。同じものを即興で作成できます。

于 2013-04-23T16:41:02.213 に答える