1

自動スクロール機能を使用してdivをスクロールするには、jQueryスクローラーが必要です。jCarouselのようなものを探しています。

ここに画像の説明を入力してください

ただし、これには制限があります。私が欲しいのは、

1.<div>画像だけでなく、s（または一部のhtml要素）をスクロールします。下の写真のようにスクロールすることがあります。

サンプル画像

テキストと画像の組み合わせです。

2.コンテンツを自動スクロールする必要があります

3.スライダーは継続的にブランド化され、最初に巻き戻されないようにする必要があります。スライダーは、最後の画像/コンテンツの後に最初の画像/コンテンツに移動するために（反対方向に）巻き戻されるべきではありません。

jcarouselが実行しているのは自動スクロールモードで、一度に一連の画像/コンテンツを表示し、しばらく停止してからすぐに次のセットを表示します。私はこれを望まず、ループ内でコンテンツをスムーズに自動スクロールしたいと思っています。つまり、最初のコンテンツは、循環ループで最後のコンテンツの後に来る必要があります。

追加の詳細を提供できます。コメントを投稿するだけです。

誰かが私が言おうとしていることと私が望んでいることを手に入れ、私に解決策を提案しますか？

4

1 に答える 1

1

かなり単純なjQueryを使用すると、プラグインなしでこれを行うことができます。

別の答えのために私がまとめた例をここで見てください：

http://jsfiddle.net/6Dxg6/

基本的には、ラッパーのコンテンツのクローンを作成し、コンテンツを元のコンテンツの幅の左右に継続的に移動してからリセットするという考え方です。任意のコンテンツで動作します。

そのコードには、ホバーストップ機能も含まれています。それがなければ、コードはさらに単純になります。

http://jsfiddle.net/qJZtp/1/

于 2012-04-04T17:28:26.923 に答える