jQuery

【jQuery】シンプルなjQueryスライドショーライブラリjQuery Slideshow

February 21, 2017
jQuery Slideshow

jQuery Slideshowは軽量でレスポンシブ対応、設定も簡単なシンプルなjQueryスライドショーライブラリ。

Basic Setup

stylesheet

<link rel="stylesheet" type="text/css" href="slider.min.css" />

HTML

<ul class="slider" id="slider">
	<li>
		<img src="img/slide1.jpg" alt="slide1"/>
	</li>
	<li>
		<img src="img/slide2.jpg" alt="slide2"/>
	</li>
	<li>
		<img src="img/slide3.jpg" alt="slide3"/>
	</li>
</ul>

JS

<script type="text/javascript" src="slider.min.js"></script>
<script type="text/javascript">
  $(window).on("load", function() {
    $("#slider").slider();
  });
</script>

Configuration

Config Default
speed 1000
delay 3000
autoplay true
navigation true
pagination true
width 100%
height auto
direction right
responsive true

MIT