Slider de uno en uno

[gasuco]

Mi codigo:

Dentro de HEAD:

Código HTML:

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jcarousellite.js"></script>
                                            
<script type="text/javascript" src="js/easing.js"></script>
 

He comprobado que el nombre de los ficheros sea correcto...

Dentro de BODY:

Código HTML:

<button class="prev"> a </button>
            <button class="next"> b </button>
        
            <div class="anyClass">
                <ul>
                    <li><img src="images/slider1.jpg" alt="" width="383" height="383" ></li>
                    <li><img src="images/slider2.jpg" alt="" width="383" height="383" ></li>
                    <li><img src="images/slider3.jpg" alt="" width="383" height="383" ></li>
                    <li><img src="images/slider4.jpg" alt="" width="383" height="383" ></li>
                    <li><img src="images/slider5.jpg" alt="" width="383" height="383" ></li>
                </ul>
            </div>
 

Justo antes de BODY:

Código Javascript:

<script type="text/javascript">
$(function(){
    $(".anyClass").jCarouselLite({
        btnNext:".next",
        btnPrev:".prev",
        visible: 1
    });
});
</script>
 

Cuando cargo en el navegador si que me muestra solo una imagen pero las acciones de los botones no hacen nada.. Veis algo mal??

Salu2