jQuery

【jQuery】タッチサポート付きのjQueryコンテンツスライダーjquery swipeSlider

June 27, 2017
jquery.swipeSlider

jquery swipeSliderはタッチサポート付きのjQueryコンテンツスライダー。

Installation

<link href="jquery.swipeslider.css" rel="stylesheet" type="text/css" />

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js" type="text/javascript"></script>
<script src="jquery.swipeslider.js" type="text/javascript"></script>

Example

JavaScript

$('#.slider').swipeSlider();

HTML Element

<div id="slider">
  <div>
     <div>
       slide 1
     </div>
     <div>
       slide 2
     </div>
     <div>
       slide 3
     </div>
   </div>
</div>