Coder Wrap: Images before and after basic slider

Example 1

    <div class="pixelcompare" data-pixelcompare> 
      <img src="https://coderwrap.com/wp-content/uploads/2023/08/before-image.jpg" width="100%"/>
      <img src="https://coderwrap.com/wp-content/uploads/2023/08/after-image.jpg" width="100%"/>
    </div>

Example 2 (hover)

  <div class="pixelcompare" data-pixelcompare data-hover data-show-slider> 
    <img src="https://coderwrap.com/wp-content/uploads/2023/08/before-image.jpg" width="100%"/>
    <img src="https://coderwrap.com/wp-content/uploads/2023/08/after-image.jpg" width="100%"/>
  </div>

Example 3 (vertical)

    <div class="pixelcompare" data-pixelcompare data-vertical> 
      <img src="https://coderwrap.com/wp-content/uploads/2023/08/before-image.jpg" width="100%"/>
      <img src="https://coderwrap.com/wp-content/uploads/2023/08/after-image.jpg" width="100%"/>
    </div>

Example 3 (vertical & hover)

    <div class="pixelcompare" data-pixelcompare data-vertical data-hover> 
      <img src="https://coderwrap.com/wp-content/uploads/2023/08/before-image.jpg" width="100%"/>
      <img src="https://coderwrap.com/wp-content/uploads/2023/08/after-image.jpg" width="100%"/>
    </div>