imgSlider - Creating image comparison sliders

imgSlider is a simple jquery plugin for creating image comparison sliders

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

Source: kavyasukumar.com

1. INCLUDE CSS AND JS FILES

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="./css/imgslider.css">
<script type="text/javascript" src="./js/imgslider.js"></script>

2. HTML

<div class="slider">
  <div class="left image">
    <img src="before.jpg"/>
  </div>

  <div class="right image">
    <img src="after.jpg"/>
  </div>
</div>

3. JAVASCRIPT

$('.slider').slider();