国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

私の考えをお話しますので、お役に立てれば幸いです。私はJQueryを使っています。

• 1


• 2


• 3

.....
<ul>
すべての li タグ $("li") を取得します。左または右の移動(dòng)ボタンをクリックすると、ul は左右に XX ピクセル移動(dòng)します (各 li は同じサイズ、li の幅 1 つ移動(dòng)します)
最初の $("li").eq[0] を左に置き、それを ul Last に配置します (appendTo); 右に移動(dòng)すると、最後の li が先頭に配置されます (prependTO)。
見栄えを良くするために、いくつかのアニメーション効果 animate() を追加します。

エンドツーエンドで接続しますよね？ 以前にいくつかの関連するカルーセルの原則を見てきましたが、一般的に、最初のカルーセルは、js を少し移動(dòng)することで 2 番目のカルーセルに切り替わり、最後のカルーセルのコピーの後に別のカルーセルを追加できます。最後の畫像から最初の畫像のクローンへの切り替えも少し動(dòng)きますが、切り替えが完了するとすぐに本物の最初の畫像の位置に変更されます。 left: 0. この時(shí)點(diǎn)で、次のステップは 1 番目の寫真から 2 番目の寫真にめでたく切り替えることです。 - - これが質(zhì)問者さんの質(zhì)問なのでしょうか？

アイデアをください

カルーセル コンポーネント內(nèi)の各畫像は、全體として連続する他の畫像と接続されているのではなく、獨(dú)立した個(gè)別のものとして想像できます

畫像が切り替わるたびに、ユーザーは実際の位置に関係なく、現(xiàn)在の畫像と次の畫像の 2 つの畫像しか見ることができません。
そのため、切り替える必要があるときはいつでも使用できます。 、これら 2 つの畫像を準(zhǔn)備し、それらに対応するディスプレイスメント アニメーションを設(shè)定するだけです。いわゆるエンドツーエンドの接続で、「頭」を「尾」の後ろに配置してアニメーション化するだけです

前の畫像に切り替えたい場(chǎng)合も同様で、現(xiàn)在の畫像と前の畫像を用意して、それらの変位アニメーションを設(shè)定するだけです

また、モバイルでは、ディスプレイスメントに transform: translate3d(x, 0, 0) を使用するのが最善です。これにより、GPU アクセラレーションが有効になります。そうしないと、アニメーションがフリーズします

実際には非常に単純ですが、元の畫像が 5 枚あり、その構(gòu)造は次のとおりだとします。 リーリー

リーリー

カルーセル チャート src を動(dòng)的に変更することを好みます

質(zhì)問者はキューとスタックについて知っていますか? もし知っているなら、カルーセル チャートはキューであり、デキューされた要素はキューに再入力されます。

同じ寫真を 2 セット使用し、トランジションを介して移動(dòng)し、左に変更します。

2番目のグループの最初の寫真まで左にした場(chǎng)合は、トランジションを直接オフにし、最初のグループの最初の寫真まで左にした場(chǎng)合は、トランジションをオンにします

原理は次のとおりです。左に移動(dòng)すると仮定し、移動(dòng)するたびに、一番左のピクチャの p を右に移動(dòng)します。つまり、最初の p を最後の p に移動(dòng)し、同時(shí)に左のピクチャの値を変更します。大きなコンテナに畫像の幅を追加します。

jqueryを使用する場(chǎng)合は、insertAfterとinsertBeforeを使用できます