Views Carousel Help

G&G Moderator
G&G Podcast Host
NonProfit's picture
Joined: 06/06/2007

Hey, I've got a big project that is just about out the door but Views Carousel is giving me grief. There is a flash of all nodes before the style sheet is applied. I've tried various .css and .js techniques.

http://drupal.org/node/363033#comment-3138444

ANY input appreciated!

Thanks!

-NP

G&G Moderator
G&G Podcast Host
NonProfit's picture
Joined: 06/06/2007
PROBLEM SOLVED

Hey all, I got it solved, thanks. -NP

Joined: 09/09/2008
Want to share the solution?

Hey NonProfit!

I don't know if I've got the same problem, or not. Will you share your solution so I/we can check it out?

Thanks,
Curt

G&G Moderator
G&G Podcast Host
NonProfit's picture
Joined: 06/06/2007
Well, I spoke too soon

Hey Curt...well, I spoke too soon.

My solution involved setting a height on the containing div and setting the overflow to hidden.

FF: Displays correctly both initially and after changes.
IE7: Overflowed initially, now displays correctly.
IE8: Overflowed initially, now flashes content which disappears.
Chrome: Displayed correctly initially, now flashes content which disappears.
Safari: Displayed correctly initially, now no flash; no content.

So, I'm still at it. I think I'm going to move the overflow:hidden to conditional style sheets which should clear things up.

This does lead to the question of what to do when Chrome display differently than FF or Safari. I've see it before but differences were minor placement issues where I could split the difference. Not sure what to do if I end up with significant discrepancies in how these browsers processes code.

Blessings!

-NP

PS: The link to d.o in the initial post lists a .js solution as well.

G&G Moderator
G&G Podcast Host
NonProfit's picture
Joined: 06/06/2007
Conditional style sheets

Hey Curt,

By moving my overflow:hidden to a conditional style sheets, it cleared up the problem. It looks OK in FF & Safari on OSX and FF, Chrome, IE7 and IE8 on XP. Are you still struggling with your install?

Blessings!

-NP

Joined: 09/09/2008
Not really

I've noticed that the images show (sometimes) but just figured that it was part of the way it worked. I just did a little testing and only saw a brief flash with Safari (on Windows Vista). I'm using CSS and JS consolidation and I'm wondering if that makes a difference.

Thanks for the information.

Curt

G&G Moderator
G&G Podcast Host
NonProfit's picture
Joined: 06/06/2007
Clean up the markup

Hey Curt,

CSS and JS consolidation is a must on every production site, so it shouldn't be a problem. In my case I had a series of nested divs (from Views) and walked my way through them, setting heights and overflow until I found the right combination. Another option is to rewrite your views template or use the Semantic Views module (a new favorite of mine) to clean up the markup. Then you'll have less code to slog through. Let me know how it goes.

-NP