検索

ホームページ  >  に質問  >  本文

javascript - js制御要素のスタイルに関する疑問

リーリー

上記のコードに示すように、slider_box は 1 秒ごとに 20% 左 (1 画面) にスライドしますが、問題は 100% にスライドすると、左にスライドできなくなることです (さらにスライドすると画像は表示されません)、他のプラグインで見た効果は、slider_box のスライドが 1 秒ごとに -20% から 0、そして -20% に変化することです。処理が存在しません。slider_box を 100% までスライドさせてから、再度スライドさせると、足りなくなります。問題は面積です。問題は、これらのプラグインが、slider_box の -20% から 0 への変化をどのように処理するかです。次に -20% にしますか? 上記のコードでは、最初に最後のスライド スタイルをクリアしてから、このスライド スタイルを設定しようとしました。 リーリー

しかし、変化が実感できず、スライドしなくなりました。では、プラグインと同じ効果を得るには、ここでどのように対処すればよいでしょうか?

それは、人々がそうしないからでしょうか?この考えにまったく従いませんか?
プラグインの js メソッドはカプセル化されすぎているので、本当に理解できなくて申し訳ありません。
別: プラグインのリンク: http://sc .chinaz.com/jiaoben/...

伊谢尔伦伊谢尔伦2765日前846

全員に返信(4)返信します

  • 三叔

    三叔2017-07-05 10:41:55

    动一下就把第一个li apend到最后

    返事
    0
  • 女神的闺蜜爱上我

    女神的闺蜜爱上我2017-07-05 10:41:55

    あなたの独自の方法で大丈夫です、それはあなたの判断ですtest<5 但却一直把 test 加。所以把 test++ 改成 test = (test + 1) % 5大丈夫なはずです。

    返事
    0
  • typecho

    typecho2017-07-05 10:41:55

    シームレスなカルーセルを実現したいですか?一般的に、次の 2 つのアイデアがあります。 1. 親コンテナのプロパティを制御する。 2. left、transformX margin などの子要素のプロパティを制御する。シームレスを実現するには 2 つの方法があります。 1. 初期化時に 2 番目の画像が表示されます。2 番目の画像は初期化時に表示されます。 2番目の写真を参照してください。
    昨年書いたシンプルなシームレスカルーセル、Simple Seamless Carouselがご覧いただけます

    返事
    0
  • 过去多啦不再A梦

    过去多啦不再A梦2017-07-05 10:41:55

    それはシームレスなカルーセルです。

    リーリー

    このように、先頭と末尾にコピーを追加し、実際の先頭と末尾(つまり、コードの 2 番目の画像と 6 番目の画像)に回転させ、リストの .style が OK であることを判断するための if 判定を追加します。

    返事
    0
  • キャンセル返事