Unstyled content when loading
his_dudeness - July 27, 2009 - 23:29
| Project: | jCarousel |
| Version: | 6.x-1.x-dev |
| Component: | Code |
| Category: | bug report |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | closed |
Description
please just look at http://www.marke41.de/aktuell
you'll see the not very nice "stairs effect" of the pictures in the carousel on the top, while the page is loading. (happens only first time loading the page.) do "shift & reload" to repeat the effect.
by the way, i'm using "views carousel" on this.
any ideas how i could avoid this?
#1
oups ... it's not only in IE7, but also in safari.
#2
#3
Not sure how we can avoid this as the jCarousel doesn't get applied until jCarousel is activated on the elements. If you take a look at the jcarousel examples, you'll see it happen there too.... Maybe if you stick some custom CSS in to apply on the un-processed jCarousel elements?
#4
This could be fixed by use of the js-hide class defined in system.css.
Here's an untested patch.
#5
I added the js-hide class to the ul container for a carousel I built resulting in class="js-hide jcarousel-skin-tango" on the ul. The result was nothing visible inside the carousel even after the page completly loads.
Perhaps there is something I'm missing here.
#6
@GregSims
It worked perfectly for me but I did do something a little different then the patch.
Currently the patch is:
+ $(selector + ':not(.jcarousel-processed)').show().addClass('jcarousel-processed' + skin).jcarousel(options);
I changed it to:
+ $(selector + ':not(.jcarousel-processed)').removeClass('js-hide').addClass('jcarousel-processed' + skin).jcarousel(options);
That worked like a champ for me.
#7
Committed to DRUPAL-6--1.
#8
Automatically closed -- issue fixed for 2 weeks with no activity.