画面いっぱいに画像を表示させるスクリプト「fullscreenr」
ホームページの背景に、画面いっぱい(100%)で画像を表示させたいと思ったことはありませんか?
今回紹介する「fullscreenr」は、そんな要望を叶えてくれるスクリプトです。
ダウンロード
下記に記載されているリンク先から、ファイル一式ダウンロードします。
CSSフォルダ
style.css
jsフォルダ
jquery.fullscreenr.js|jquery-1.3.2.min.js
imgフォルダ
bg.jpg|raster.png
htmlファイル
index.html
設置方法
<head></head>内に下記タグを記述し、ファイルを読み込みます。
<body></body>内に、imgタグを記述し、背景にしたい画像にidを付与します。
ここでは既存のbgimgがIDとなります。
デモページのようにメッシュをいれたい場合は、上記タグの下に、下記タグを追加すればOKです。
以上です。とっても簡単に設置できます。
動作環境・スクリプトエラー報告・対処方法
動作環境 |
---|
エラー・バグ報告 |
不具合対処方 |
修正パッチ |