jQueryで背景に画像をフルスクリーンで表示するいろいろ【単一画像／スライドショー／ランダム】｜BLACKFLAG

jQueryで背景に画像をフルスクリーンで表示するいろいろ【単一画像／スライドショー／ランダム】｜BLACKFLAG

今ではあちこちで見かけるようになった Webページでの背景全体の画像フルスクリーン表示。 単純に一枚の...概要を表示 今ではあちこちで見かけるようになった Webページでの背景全体の画像フルスクリーン表示。 単純に一枚の画像を表示するパターンや 複数画像を切り替えて背景でフルスクリーンスライドショーにしたり ランダムで表示する画像を切り替えたり などなど、魅せ方はさまざまですが、 これらをjQueryを使ってできるだけシンプルなスクリプトで 実装ができないか試してみたので紹介してみます。 今回は、単一画像／スライドショー／ランダム の全部で3パターン紹介しますが、 HTMLとCSSは全て同じ構成になりますので 先にこの２つのソース構成について。 まずはHTMLから。 ◆HTML <div id="container"> <div id="contents"> <div id="wrapper"> <h1>jQuery FullScreen BackGround IMG</h1> <p>ここはコンテンツエリ

• jquery
• フルスクリーン
• スライドショー
• 背景画像
• background
• *jQuery
• web制作