jQuery

【jQuery】フルスクリーンの背景を作成できるFullscreen Background

May 13, 2017
Fullscreen Background

Fullscreen Backgroundはフルスクリーンの背景を作成できる軽量のjQueryプラグイン。

HTML

 <div class="content">
 	Content goes here
 </div>
 <div id="background-image">
 	<img src="path/to/img.jpg" alt="" width="800" height="600" />
 </div>

次の行を追加

$("#background-image").fullscreenBackground();

利用可能なオプション

  1. selector
  2. fillOnResize
  3. defaultCss