List of all images showing

[cheesegrits]

I'm using the simple static method to display a carousel.  My page is generated from PHP (as a "widget" for vBulletin).

Everything works fine, except that during page loading, the original vanilla UL (with all the thumbnails) appears on the page until all thumbs have been loaded, before transmogrifying into the carousel.  This behaviour is the same for both FF and IE7.

Any ideas?  I really like jCarousel, but obviously this is a show stopper.

   -- hugh

[Dan G. Switzer, II]

Hugh,

>I'm using the simple static method to display a carousel.  My page is
>generated from PHP (as a "widget" for vBulletin).
>
>Everything works fine, except that during page loading, the original
>vanilla
>UL (with all the thumbnails) appears on the page until all thumbs have been
>loaded, before transmogrifying into the carousel.  This behaviour is the
>same for both FF and IE7.
>
>Any ideas?  I really like jCarousel, but obviously this is a show stopper.

What code are you using to initialize the carousel? When does it get invoked
(i.e during window.onload, when the DOM is ready, or right after you've the
<ul /> element is ended?)

-Dan

[cheesegrits]

I am SUCH a dumb*ss!

For the sake of anyone else googling around for this problem ... you probably changed your UL id from 'carousel' to 'something_else', but spaced on this section at the head of the CSS:

/**
 * Since the content is loaded via javascript, we set
 * display:none to hide the carousel completely from browsers
 * having javascript disabled. jCarousel will show it automatically.
 */
#mycarousel {
    display: none;
}

... where you obviously (doh!) need to also change the 'carousel' to 'something_else'.  Doesn't seem to matter if JS is enabled or disabled, you still need this!

Ah well, if I save some other poor sod some public embarrassment, I guess it was worth it.

   -- hugh

[cheesegrits]

I am SUCH a dumb*ss!

For the sake of anyone else googling around for this problem ... you probably changed your UL id from 'carousel' to 'something_else', but spaced on this section at the head of the CSS:

/**
 * Since the content is loaded via javascript, we set
 * display:none to hide the carousel completely from browsers
 * having javascript disabled. jCarousel will show it automatically.
 */
#mycarousel {
    display: none;
}

... where you obviously (doh!) need to also change the 'carousel' to 'something_else'.  Doesn't seem to matter if JS is enabled or disabled, you still need this!

Ah well, if I save some other poor sod some public embarrassment, I guess it was worth it.

   -- hugh

[cheesegrits]

Hey Dan,

Thanks for the response, but I finally spotted my Deliberate Mistake (ha ha).  I posted a follow-up, but it got delayed somewhere inside the Nabble gateway.  And just to compound my embarrassment, I ended up duplicating the followup!

Anyway, problem solved.  Helps if you rename the main #mycarousel class that hides the UL if you rename the UL itself.  :)

Speaking of which.  It would be kind of nice if jCarousel could show a dummy 'loading' div of the same dimensions, and hide it when the real one is ready for display, so the browser can format everything on the first pass and not have to re-arrange things when the carousel pops into being.

   -- hugh

Dan G. Switzer, II wrote:

Hugh,

>I'm using the simple static method to display a carousel.  My page is
>generated from PHP (as a "widget" for vBulletin).
>
>Everything works fine, except that during page loading, the original
>vanilla
>UL (with all the thumbnails) appears on the page until all thumbs have been
>loaded, before transmogrifying into the carousel.  This behaviour is the
>same for both FF and IE7.
>
>Any ideas?  I really like jCarousel, but obviously this is a show stopper.

What code are you using to initialize the carousel? When does it get invoked
(i.e during window.onload, when the DOM is ready, or right after you've the
<ul /> element is ended?)

-Dan