

Sin parámetros. Comportamiento por defecto del plugin.
jQuery('#primercontenedorimagenes').beforeAfter();


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,
});


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"
});


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
});


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
});