BackStretch]を使うと、背景に指定した画像をブラウザのウィンドウサイズに最適化してくれて、さらにスライドショーにも対応し、複数の画像を順番に表示してくれます。簡単に設定できることはもちろん、背景画像を最後に表示させるので、メインのコンテンツが表示されるまで待つ必要がないのが特徴です。「Backstretch」のページからファイルを一式ダウンロードします。<head>〜</head>内でjQuery本体とBackstretchを読み込みます。src="../jquery.backstretch.js"></script>続いてBackstretchの設定です。背景にする画像を指定</script>1つの画像を背景に設定する場合は以上です。これで背景に画像が設定され、ウィンドウズサイズによって画像の大きさが変わります。下記の場合、500ミリ秒で呼び出します。5000);</script>以下、実装したサンプルをどうぞ。BackStretch:サンプルTwitterFacebookGoogle+FeedlyLINEこちらの記事もいかがですか?アナタにオススメ!同じカテゴリーの他の記事です。使い方をマスターする。