Simple Image Slider para antes y después


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
[html]
<link rel="stylesheet" type="text/css" href="./css/imgslider.css">

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

código html para tu implementación(consta de 2 imágenes y un div con la clase slider)
[html]
<div class="slider">

<div class="left image">

<img src="before.jpg"/>

</div>

<div class="right image">

<img src="after.jpg"/>

</div>

</div>
[/html]
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.
[javascript]

$(‘.slider’).slider();

[/javascript]

[adjuntos descripcion=”ImgSlider” link=”docs.google.com/uc?id=0B1D53uMGH6xzb1JmaGdqWE9aOG8″]
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.