画像を背景にフルスクリーンで表示する「jQuery Fullscreen Slideshow with zoom/slide animation」
フルスクリーンで画像を背景に表示させるとインパクトが出せます。
jQuery Fullscreen Slideshow with zoom/slide animation | jQuery Pluginsは、これを可能にし、またズームなどのエフェクトを全自動で付けてくれます。
使用方法
jQuery Fullscreen Slideshow with zoom/slide animation | jQuery Pluginsからファイルをダウンロード。
下記を記述すれば完成です。
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="jquery.fullscreen.slideshow.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$.slideshow(
[
"画像1",
"画像2",
"画像3",
//以下、画像分
]);
});
</script>
画像を背景にフルスクリーンで表示する「jQuery Fullscreen Slideshow with zoom/slide animation」サンプル
コメントする
記事作成：2011年8月 3日 10:24
