背景画像をスライドショーさせるJavaScript「Vegas Background jQuery Plugin」

このエントリーをはてなブックマークに追加

背景画像をスライドショーさせるJavaScript「Vegas Background jQuery Plugin」サンプル 背景画像を動かすことでインパクトのあるサイトが構築できます。
Vegas Background jQuery Pluginはフルスクリーンで背景をスライドさせられます。
さらにドットのオーバーレイをかけられるので、カッコイイ感じになります。

使用方法 Vegas Background jQuery Pluginからファイル一式をダウンロード。
<link rel="stylesheet" href="jquery.vegas.css" media="all" />
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="jquery.vegas.js"></script>
<script>
$(function(){
$.vegas('slideshow', {
backgrounds:[
{ src:'画像パス1', fade:1000 },
{ src:'画像パス2', fade:1000 },
{ src:'画像パス3', fade:1000 }
//以下画像分
]})
('overlay', {
src:'overlays/01.png' //オーバーレイ画像
});
});
</script>

あとは通常通りにhtmlを記述して問題ありません。
モノクロ画像の方が映えるかもしれませんね。

背景画像をスライドショーさせるJavaScript「Vegas Background jQuery Plugin」サンプル

sponsors

コメントする

記事作成:
記事URL:

TOP > > 背景画像をスライドショーさせるJavaScript「Vegas Background jQuery Plugin」