jQuery

【jQuery】ビフォー・アフター比較スライダーjQuery before after Slider

October 26, 2017
jquery-before-after-slider

jQuery before after Sliderはビフォー・アフターを比較できるスライダープラグイン。

Instalation

 <script src="node_modules/jquery/dist/jquery.js"></script>
 <script src="jquery-before-after-slider.min.js"></script>
<div id="slider">
    </div>
var config = {
          "width": "700px",
          "height": "600px",
          "start": "25%",
          "firstImage": "images/IMG_6474_1.jpg",
          "secondImage": "images/IMG_6474_2.jpg"
      }

$(document).ready(function() {
    $("#slider").hanBeforeAfterSlider(config);
});