jquery - 背景画像の表示と非表示

Question

私はコーディングにかなり慣れていないので、サイトに背景画像の複数のレイヤーを配置したいと考えています。静的な背景が 1 つあり、ナビゲーション バーのボタンをクリックするか、サイトを下にスクロールすると、静的な背景の上に新しい背景が表示されます。上下にスクロールすると、別の画像の代わりにその画像が消えます。これは何度も繰り返されます。

この問題を解決するにはjqueryを使用する必要があると思いますか?

Big Omaha 2012 のサイトをリンクしたいのですが、現在は削除されています。しかし、情報をスクロールすると各話者の漫画の画像が表示されるのと似ています。あなたがそのサイトに精通している場合。

Answer 1

特定のhtmlタグに背景が必要であり、jqueryを使用して背景画像を変更するタイミングを検出し、 $('your_tag').css('background-image',"image_url" ) 背景を変更します。そうすれば、ページに複数の画像をロードする必要がなくなります。

もう 1 つの方法は、ページ全体を静的画像としてカバーする div と、静的画像よりも高い z-index を持つ別の画像を用意し、その画像を使用して他の画像を表示することです。