一覧へ戻る

画面いっぱいに画像を表示させるスクリプト「fullscreenr」

ホームページの背景に、画面いっぱい(100%)で画像を表示させたいと思ったことはありませんか?
今回紹介する「fullscreenr」は、そんな要望を叶えてくれるスクリプトです。

DEMOページはこちら

ダウンロード

下記に記載されているリンク先から、ファイル一式ダウンロードします。

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です。

以上です。とっても簡単に設置できます。

動作環境・スクリプトエラー報告・対処方法

動作環境
 
エラー・バグ報告
 
不具合対処方
 
修正パッチ