[jQuery] Total newbie to jcarousel, where do I begin?
Hi,
I need some help setting up a simple jcarousel query. I've downloaded
the files from sorgalla.com. I've looked at the "installation" files
but can't the carousel to load.
I've created the following scripts before </head>
<script type="text/javascript" src="/carousel/jquery-1.2.3.pack.js"></
script>
<script type="text/javascript" src="/carousel/
jquery.jcarousel.pack.js"></script>
<script type="text/javascript" src="/carousel/jquery.jcarousel.js"></
script>
this is what I've placed in my html page
<div id="mycarousel">
<button class="jcarousel-next">>></button>
<button class="jcarousel-prev"><<</button>
<ul>
<li id="mycarousel-item-1"><a href="#"><img width="210"
height="275" src="/carousel/images/BenQ.gif" alt=""/></a></li>
<li id="mycarousel-item-2"><a href="#"><img width="210"
height="275" src="/carousel/images/Canon.gif" alt=""></a></li>
<li id="mycarousel-item-3"><a href="#"><img src="/carousel/
images/Epson.gif" alt="" width="210" height="275" ></a></li>
<li id="mycarousel-item-4"><a href="#"><img src="/carousel/
images/Hitachi.gif" alt="" width="210" height="275" ></a></li>
<li id="mycarousel-item-5"><a href="#"><img src="/carousel/
images/Optoma.gif" alt="" width="210" height="275" ></a></li>
</ul>
</div>
and this is where I'm stuck. Where do I put
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel({
// Configuration goes here
});
});
</script>
The images show up on the page but they're in a vertical line and
don't scroll.
Can somebody put me in the right direction, I've spent hours on this
today and am waving the white flag.
Thanks