jCarouselLite not setting width and left values on div

Question

Hi,

jCarouselLite not setting width and left values on div. Also, in firebug the div and ul and greyed out although the div has:

visibility: visible;

Incidently, the width and height attributes on the ul and subsequent li's are set to 0, shouldn't jCarouselLite be setting those?

Images are being loaded in the DOM - but not displaying.

Thanks, Gaz

Answer 1

This was being caused by a CSS rule that was setting the containing to display: none.

Once I removed it, the plugin calculated the values correctly.

Answer 2

But what to do when the elements in your page need to be hiden at start?

I used the following trick to start the page with the elements present so that the plugin is able to calcule its position but outiside the screen so that the used does not see it.

<script type="text/javascript"> 
    $('#myElement').animate({left: '-=5000px'}, 0);
</script>

that trick also solves the drawing problems with the jquery google maps plugins.

Maybe my problem lies in the fact that I do not call my code at the right time or the right place... anyway, thanks to that good old trick, it's finally working.