複数の画像をフェードで切り替えるだけのjQueryプラグイン

JavaScript | jQuery | 2016/2/17

本当にただそれだけです。横スライドの機能とかはつけていません。
一応フェードのスピードと、一枚一枚の待機時間は変えられます。

jquery.simpleslide.js

使い方

使いか方もシンプル極まりないです。
まずは普通に複数のimgタグを連続で書いて、任意のID名をつけたdivで囲ってください。あ、jQueryとこのプラグインは読み込んでくださいね。

<div id="slides">
<img src="img/1.jpg">
<img src="img/2.jpg">
<img src="img/3.jpg">
<img src="img/4.jpg">
</div>

次にスクリプトで

	$('#slides').simpleSlide({
		fadeSpeed : 1000,
		switchDelay : 4000
	});

と指定してやればOKです。
一つのページに複数のスライドを置いても大丈夫です。
ただフェードで切り替えたいだけなんだよなーってときにでもどうぞ

質問やご指摘など気軽にどうぞ

コメントを投稿する