Basic Template

Example 1

    <div class="pixelcompare" data-pixelcompare> 
      <img src="./landscape_bw.jpg" width="100%"/>
      <img src="./landscape.jpg" width="100%"/>
    </div>

Example 2 (hover)

  <div class="pixelcompare" data-pixelcompare data-hover data-show-slider> 
    <img src="./landscape_bw.jpg" width="100%"/>
    <img src="./landscape.jpg" width="100%"/>
  </div>

Example 3 (vertical)

    <div class="pixelcompare" data-pixelcompare data-vertical> 
      <img src="./landscape_bw.jpg" width="100%"/>
      <img src="./landscape.jpg" width="100%"/>
    </div>

Example 3 (vertical & hover)

    <div class="pixelcompare" data-pixelcompare data-vertical data-hover> 
      <img src="./landscape_bw.jpg" width="100%"/>
      <img src="./landscape.jpg" width="100%"/>
    </div>