Before & After slider


You can use Before & After slider with magnific popup(Ajax).

HTML markup:

CSS class:

  • .ct-slider-afterANDbefore

Javascripts:

Options:

  • default_offset_pct: 0.7, // How much of the before image is visible when the page loads
  • orientation: ‘vertical’ // Orientation of the before and after images (‘horizontal’ or ‘vertical’)