I have a container div that has a width of 350px. But the jCarouselLite
images take the whole width of the screen. Why is that?

<html>
<head>
<script src="jquery-latest.pack.js" type="text/javascript"></script>
<script src="jcarousellite_0.3.0.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("#carousel").jCarouselLite({
        btnNext: ".next",
        btnPrev: ".prev"
    });
});
</script>
</head>
<body>
<div style="width: 350px;">
<button class="prev"><<</button>
<div id="carousel">
    <ul>
        <li><img src="http://www.domain.com/123.jpg";></li>
        <li><img src="http://www.domain.com/456.jpg";></li>
        <li><img src="http://www.domain.com/789.jpg";></li>
    </ul>
<button class="next">>></button>
</div>
</div>
</body>

Also, the install link on
http://www.gmarwaha.com/jquery/jcarousellite/index.php#install doesn't work:
http://www.gmarwaha.com/jquery/js/jquery.jCarouselLite.js

Kia

Reply via email to