このプラグインの実際の動きを確認したい場合は、PCからアクセスして下さい。

  • files
  • js
  • html
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/jquery.fullscreenBackground.js"></script>
<script>
	$(window).load(function(){
		$('#FullscreenBackground .bgstart').on('click', function(){
			$('#FullscreenBackgroundDemo').css('opacity', '0').show().animate({opacity: '0.4'}, {duration: 500});
		});
		$('#FullscreenBackground .bgend').on('click', function(){
			$('#FullscreenBackgroundDemo').animate({opacity: '0'}, {duration: 500});
		}); 
	});
</script>
<button class="green tac bgstart btn">START!!</button>			
<button class="red tac bgend btn">STOP!!!!!!!</button>

<p id="FullscreenBackgroundDemo"><img src="<PATH>/imgb04.jpg" width="1080" height="720" /></p>

FullscreenBackgroundについて

FullscreenBackgroundは、ページの背景いっぱいに画像を表示できるプラグインです。
背景に縦横比を保って画像を表示するのって結構面倒なんですけど、これがあれば一発!
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスNo license
対応ブラウザ

関連するjQueryプラグイン

  • Noisy

    Noisy

    背景画像にノイズを走らせることができる