Cómo aplicar efectos de imagen con plugin JQuery

Hola a todos. Quiero utilizar estos efectos para imágenes.

1-Ya tengo el plugin.
2-Pero debajo de cada efecto en la página de demo de los efectos, como ya habrán visto hay unos códigos de este tipo:

$('#shuffle').cycle({
fx: 'shuffle',
easing: 'easeOutBack',
delay: -4000
});Ese código supongo que va así:

<script type="text/javascript">
$('#s5').cycle({
fx: 'shuffle',
delay: -4000
});
</script>

¿Verdad?

Con esos dos pasos no me sale el "efecto". ¿Qué estoy haciendo mal?

Le dí un "ver código fuente" al demo y se ve algo así:


De los 6 ejemplos que salen en la page, sólo estoy poniendo el primero.

Estas linkeando a jQuery y a la libreria?
Estos dos archivos deberian estar incluidos en tu html:

Easing Plugin
jQuery

Y los llamas con <script src="NOMBRE.js"></script>, entonces en tu caso, si bajas esos dos plugins a tu carpeta js, seria algo como:

<script src="js/easing.js"></script>
<script src="js/jquery.js"></script>

si ya tienes el plugin ahora tienes que enlazar el plugin dentro del head de tu pagina al igual que la hoja de estilos que utiliza algo asi

<link rel="stylesheet" type="text/css" media="screen" href="cycle.css" />
<script type="text/javascript" src="http://malsup.github.com/jquery.cycle.all.js"></script>
/*la ruta varia de acuerdo donde tengas el archivo en tu sitio web*/

obviamente también tendrás que enlazar la ultima versión de JQuery luego puedes crear dentro del body
un fragmento de codigo javascript iniciando jquery y poniendo dentro la funcion que da los efectos un ejemplo podria ser

<script type="text/javascript">
$(document).on('ready',function(){
$('#s1').cycle({
fx: 'zoom',
easing: 'easeInBounce',
delay: -4000
});
})
</script>