jQuery ウィンドウ全画面サイズの画像スライドショーを作成するプラグイン【FullWindowSlider】
この記事は年前に書かれました。不適当な記述を含む場合がありますので、参考程度に留めてください。
どうもこんばんは。今回はプラグインを作ってみました。先日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
以上になります。