画像を横にスライドさせる「jQuery Slider2」 ホームページ 制作 運営 相談

無料メール相談 ホームページ制作運営相談室

業者選びのポイントSEO対策についてよくある質問サービス内容会社概要

トップページ >> 画像を横にスライドさせる「jQuery Slider2」

画像を横にスライドさせる「jQuery Slider2」

2012年11月08日

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>