jQuery Slider2からjquery.slider.min.js

jQueryからjquery.js

CSSはこちらからダウンロードします。

<link href=”jquery.slider.css” rel=”stylesheet” type=”text/css” />
<script type=”text/javascript” src=”jquery-1.6.1.min.js”></script>
<script type=”text/javascript” src=”jquery.slider.min.js”></script>

<script type=”text/javascript”>
$(function() {
   $(‘#id名’).slider({
showControls: true, // <<　>>を表示するか　true=on false=OFF
autoplay: true, //自動再生
showPosition: true, //何枚目を見ているかを表示
showProgress : true,
hoverPause: true, //マウスオーバーでストップ
wait: 1500, //停止時間
fade: 500, //フェード時間
direction: “left” //移動方向
});
});
</script>

<div id="id名">
	<div>コンテンツ</div>
	<div>コンテンツ</div>
	<div>コンテンツ</div>
	<!-- 以下スライド分 -->
</div>