Antes
Después

Sin parámetros. Comportamiento por defecto del plugin.

jQuery('#primercontenedorimagenes').beforeAfter();
Antes
Después

Cargar la página y después de dos segundos empieza la animación del deslizador. La animación durará medio segundo.

jQuery('#segundocontenedorimagenes').beforeAfter({
        animateIntro : true,
        introDelay : 2000,
        introDuration : 500,
    });
Antes
Después

Personalizamos los textos "Show only before" y "Show only after" por la frase que queramos.

jQuery('#tercercontenedorimagenes').beforeAfter({
        beforeLinkText : "Mostrar solo anterior",
        afterLinkText : "Mostrar solo después"          
    });
Antes
Después

El deslizador se muestra al 80% de la imagen y se esconden los enlaces de "Mostrar solo el antes" y "solo el después".

jQuery('#cuartocontenedorimagenes').beforeAfter({
        introPosition : .80,
        showFullLinks : false        
    });
Antes
Después

El color del deslizador se cambia a blanco y también se mueve con las teclas de desplazamiento del teclado (derecha e izquierda).

jQuery('#quintocontenedorimagenes').beforeAfter({
        dividerColor  : "#FFF",
        enableKeyboard : true         
});