jCarousel example or how not to have the ul li list items one below the other

jCarousel example or how not to have the ul li list items one below the other

Hello, I noticed something that bugged me for half an hour with the jCarousel examples.

I was trying to code a simple example and it would not display the ul list in a carousel, but instead the ul list would be displayed like a regular one, with the li items one below the other.

The issue for me was that I would include the jquery-1.4.2.min.js file AFTER the jcarousel one.

The order of javascript inclusion matters.

This does not work:

<script type="text/javascript" src="http://localhost/js/jquery/jquery.jcarousel.min.0.2.4.js"></script>
<script type="text/javascript" src="http://localhost/js/jquery/jquery-1.4.2.min.js"></script>

This is correct:

<script type="text/javascript" src="http://localhost/js/jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="http://localhost/js/jquery/jquery.jcarousel.min.0.2.4.js"></script>