ここでヘッダー要素でいくつかのことを達成しようとしています。まず、jquery スライドショーを相対に設定したいと思います。次に、png ロゴとナビゲーション リンクをスライドショーの前に固定します。一部のスライドは暗く、一部は明るいため、画像が循環するときにロゴとナビゲーション リンクを変更して色を一斉に変更し、いつでも読み取れるようにする必要があります。
これまでのところ、div を循環させることでこれら 2 つのタスクを達成できたようですが、画像は相対的であり、ロゴ + ナビゲーションは固定されるため、固定 div の背景の不透明度を変更するには、固定 div の背景の不透明度が必要です。下にスクロールすると 0 ～ 100 になり、スライドショーが上にスクロールして表示されなくなります。
また、ロゴ + ナビゲーションの色は、表示されているスライドに応じて 1 つの色になることもあれば、別の色になることもあるため、スクロール時にロゴ + ナビゲーションが何であったとしても、スクロール時に黒に戻るように指示する追加のコールバックを追加する必要があります。始めた。
私はここに半作業DEMOを持っています。
このデモは、スクロール時のスライドショー + div の不透明度を示しています。彼らはフィドルで一緒にうまく遊んでいないので、私の実際のサイトではうまく一緒に働いています。
これを自由に引き裂いてください。ありがとう！