Simple Image Slider para antes y después

DESCARGA : ImgSlider

Simple Image Slider para antes y después , si lo que quieres es mostrar imágenes de un antes y después puedes apoyarte de simple image slider donde la funcionalidad principal es mostrar 2 imágenes que trabajan en conjunto con imgslider.js que es una librería que sirve para mostrar una linea divisible entre 2 imágenes, mismas que son de igual forma para que el usuario compare dichas imágenes .

 

La implementación es sencilla.

 
Archivos dependientes para el funcionamiento de la librería

<link rel="stylesheet" type="text/css" href="./css/imgslider.css">

<script type="text/javascript" src="./js/imgslider.js"></script>

código html para tu implementación(consta de 2 imágenes y un div con la clase slider)

<div class="slider">

  <div class="left image">

    <img src="before.jpg"/>

  </div>

  <div class="right image">

    <img src="after.jpg"/>

  </div>

</div>

Codigo para relacionar el script imageslider con el código html que quieres usar, no olvides también de referenciar la librería de jquery que sin ella este plugin no funcionaria.

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



Bueno pues ya tienes una alternativa más para presentar imágenes de manera diferente, y sin implementar nuevamente scripts que realmente pueden tomar tiempo en tú desarrollo, no olvides contactar si tienes alguna duda con respecto a este plugin.

You may also like...