Fullscreen Background Image Slideshow | jQuery Responsive

Demo サンプル

1.公式サイト→slideshow公式サイト

2.・jquery.sublimeSlideshow.js
・sublimeSlideshow.css
・

3.HTMLコード
——————————————————–
<script type=”text/javascript” src=”js/jquery.sublimeSlideshow.js”></script>
<link rel=”stylesheet” type=”text/css” href=”css/sublimeSlideshow.css” media=”all” />
——————————————————–
4.ｊｓ
——————————————————–
$.sublime_slideshow({

src:[

{url:”画像url”,title:”サンプル画像”}, //タイトルの文字はそのまま背景に表示されるので不要な場合削除

{url:”画像url”},

{url:”画像url”,title:”サンプル画像”}

],

duration: 7, //画像ごとの存続時間 単位：秒

fade: 1, //フェードイン・フェードアウトの速度指定 単位：秒

scaling: true, //拡大エフェクトの設定 単位：画像倍率 初期値は1.17 不要な場合は false

rotating: false, //回転エフェクトの設定 単位：度数

overlay: “images/pattern.png” //画マスク画像のurlを指定 DLしたimageフォルダ内の画像

});