jQuery ウィンドウ全画面サイズの画像スライドショーを作成するプラグイン【FullWindowSlider】

この記事は4年前に書かれました。不適当な記述を含む場合がありますので、参考程度に留めてください。

どうもこんばんは。今回はプラグインを作ってみました。先日jQuery ウィンドウ全画面サイズの背景画像スライドショーを作成する方法という記事を書きましたので、これをプラグイン化してみました。軽量なのでどこかで使ってみても良いかもしれません。

設置方法

jQueryの読み込み

<script src="jquery-1.8.2.min.js"></script>
<script src="jquery.fullwindowslider.min.js"></script>
HTML

<div id="slide">
<img src="images/sample1.png">
…..
<img src="images/sampleX.png">
</div>
jQueryの記述


$(function(){
$(‘#slide’).fullslide({
intval: 1000,
speed: 500
});
});

非常にシンプルです。対象要素内の画像を背景のスライダーにします。今回はオプションでフェードスピードとスライドショーの切り替えスピードを調整できるようにしています。

intval スライドショーの切り替えスピードの調整
speed フェードスピードの調整
対応プラウザ

現時点ではIE7,IE8,IE9,chrome,firefox,safari,Operaになっています。

ダウンロード

通常版    : jquery.fullwindowslider.js
コンプレス版 : jquery.fullwindowslider.min.js
フルセット版 : download.zip
 
以上になります。