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

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>

MIT

• Tag
• jQuery
• Responsive
• Slider