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

公開:2012年11月08日(最終更新:2018年05月31日)

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>

一緒に読まれている記事

関連する記事

  • きちんと結果を出せるホームページにしたい
  • 今のホームページを新しく作り替えたい
  • ホームページをもっと効果的に運用したい
  • ホームページの定期的アドバイザーが欲しい

こんなお悩みをお持ちではありませんか?

弊社はホームページの悩みをすべて解決します!

ご相談は下記からお気軽にご連絡ください!