no consigo añadir sitter a un sitio web; desde el sitio oficial de skitter, he copiado los textos siguientes:

En el head:

<link type="text/css" href="css/skitter.styles.css" media="all" rel="stylesheet" /> <script type="text/javascript" src="js/jquery-1.8.1.min.js"></script> <script type="text/javascript" src="js/jquery.easing.1.3.js"></script> <script type="text/javascript" src="js/jquery.animate-colors-min.js"></script> <script type="text/javascript" src="js/jquery.skitter.min.js"></script>

en el html/widgets:

<div class="box_skitter box_skitter_large"> <ul> <li> <a href="#cut"><img src="images/001.jpg" class="cut" /></a> <div class="label_text"><p>cut</p></div> </li> <li> <a href="#swapBlocks"><img src="images/002.jpg" class="swapBlocks" /></a> <div class="label_text"><p>swapBlocks</p></div> </li> <li> <a href="#swapBarsBack"><img src="images/003.jpg" class="swapBarsBack" /></a> <div class="label_text"><p>swapBarsBack</p></div> </li> </ul> </div>

pero tengo duda donde en el texto a copiar del sitio oficial de skitter pone:

Init the Skitter:

<script type="text/javascript" language="javascript"> $(document).ready(function() { $(".box_skitter_large").skitter(); }); </script>

¿donde se pone esto?

Alguien me puede explicar como se puede adpatar correctamente? he mirado en otros post y no consigo hacerlo.

gracias