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.js
——————————————————–
$.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フォルダ内の画像
});
コメントを残す