« Slides | トップページ | html5 enabling script »

2010年8月 2日 (月)

Backstretch

jQueryを使用した背景画像をブラウザに会わせてを表示する「Backstretch」の導入覚書です。
Backstretch&Demo

License:MIT/GPL
Release version:1.1

1)下記サイトよりプラグインをダウンロードします。
http://github.com/srobbin/jquery-backstretch/

2)jQueryとプラグインを読み込ませます。
メタタグ内部に記入します。
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.backstretch.js"></script>

3)設定用のスクリプトを記入します。
<script type="text/javascript">
$.backstretch("/path/to/image.jpg", {speed: 150});
</script>

|

« Slides | トップページ | html5 enabling script »

jQuery」カテゴリの記事

コメント

コメントを書く



(ウェブ上には掲載しません)


コメントは記事投稿者が公開するまで表示されません。



トラックバック

この記事のトラックバックURL:
http://app.f.cocolog-nifty.com/t/trackback/1378074/38375874

この記事へのトラックバック一覧です: Backstretch:

« Slides | トップページ | html5 enabling script »