0

mycodeの一部を書き直して、現在のニーズに合わせて再実装しようとしています。基本的に2つの要件があります。

  • プリローダーを実装する可能性
  • SEO対応（JavaScriptなしですべての画像を一度に表示）
  • #hashで画像を変更する

それを行う方法の例はたくさんありますが、スライダーの最良の構造が何であるかを尋ねたいと思います。

  1. imgがたくさんあるdiv
  2. ulとli、それぞれにimg
  3. divと他のdiv、それぞれに1つのimg

3つの実装すべてを見ましたが、これらのアプローチがまったく異なるとしても、どのように異なるかを言うのは難しいです。あなたはどう思いますか、あなたは何をお勧めしますか？

4

1 に答える 1

0

スライドショーのウィンドウを作成し、overflow：scrollを指定しますが、JSでoverflow：hiddenを適用します。そうすれば、JSがオンになっていない場合でも、スライドを利用できます（まれですが、少し触れただけです...）

フェードではなくアニメーション化された動きが必要な場合は、スライドの「レール」用のコンテナを追加すると、作業が少し簡単になります。フェードするだけの場合は、順番にフェード/フェード解除することができます。次に、スライドの複雑さに応じて、画像だけの場合はJSを使用してプリロードします。それ以外の場合は、必要に応じてスライダーの各「画面」を保持するためにdivで埋めることができます。

<div id="slideshow_window">
    <div id="slide_container">
        <img /><img /> ... repeat
        <!-- or -->
        <div>more complex stuff</div> ... repeat
    </div>
</div>
于 2011-08-13T18:47:43.223 に答える