jQuery

【jQuery】jQueryのためのレスポンシブスライダープラグイン。Slippry

June 10, 2017
Slippry

SlippryはjQueryのためのレスポンシブスライダープラグイン。

CSS&JS

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="/js/slippry.min.js"></script>
<link rel="stylesheet" href="/css/slippry.css" />

HTML

<ul id="slippry-demo">
  <li>
    <a href="#slide1"><img src="assets/img/slippry-01.jpg" alt="Welcome to Slippry!"></a>
  </li>
  <li>
    <a href="#slide2"><img src="assets/img/slippry-02.jpg"  alt="This is an awesome jQuery slider plugin."></a>
  </li>
  <li>
    <a href="#slide3"><img src="assets/img/slippry-03.jpg" alt="Check it out, you are going to <span class='red'>♥</span> it :)"></a>
  </li>
</ul>

Slippry slider

jQuery(document).ready(function(){
  jQuery('selector').slippry()
});

MIT