I need a preventative method for this (see attached).

Is there anyway to prevent multiple thumbnails from all showing initially before they are fully loaded? Is there a way to hide the overflow?

I've been asking this in another views module issue queue (http://drupal.org/node/610184 - sorry about the mixup), and some recommendations were to create an entirely new module? I'm not savvy on the coding end of things so I was wonder if any patient people were out there!

-Ben

CommentFileSizeAuthor
views_showcase_issue.jpg112.86 KBraiyne

Comments

raiyne’s picture

raiyne commented

Anyone? This module is so close to what I need. I just have to get over a couple of these humps.

Aart’s picture

Aart commented

I would also like to know this. Considering that most people judge websites in less than one second (!), I don't like my frontpage looking like a big mess while it's loading.

Aside from that, this is a great module.

Carl242’s picture

Carl242 commented

subscribing

raiyne’s picture

raiyne commented

Is this module being maintained?

mikejonesok’s picture

mikejonesok commented

Yeah, it does this to me too.

arnieswap’s picture

arnieswap commented

Same problem here...Its nice module but due to this issue we cant use it.

arnieswap’s picture

arnieswap commented

Any solutions?

Aart’s picture

Aart commented

We just fixed this for our site by simply adding this to .views-showcase (custom theme):

position: relative;
overflow: hidden;
miro_dietiker’s picture

miro_dietiker
Location Switzerland
commented

For the new version you can now do it without relative positioning.

.views-showcase .views-showcase-big-panel li.views-showcase-item {
/* disable all big panel items from visibility */
display: none;
}

.views-showcase .views-showcase-big-panel li.views-showcase-item.views-row-1 {
/* statically enable first item only */
display: block;
}

I'd suggest to add something like this into the module CSS directly.
Note that the first line still results in some flashup, if the html was already loaded and if the CSS was never loaded before. This is first visit experience. To avoid this, we'd need to add the display:none into the html markup as inline css.

I don't know if this is correct regarding WCAG and screenreaders or plain text browsers (which should show all content - nothing suppressed.) but i'd expect this still to work perfectly for all of us.

klamzo’s picture

klamzo commented

+1

rhoyerboat’s picture

rhoyerboat commented

Also having a problem relating to a symptom that fits perfectly into this thread topic, although my views showcase version is 6.x-2.1

My empty, not yet loaded thumbnails are becoming badly margined (mostly invisible) big-panel slides.

Reloading the page once all the images are in the browser's cache makes them function correctly.
So, one of those .js wait-for-DOM things is the first thing I think of.

Yet, views_showcase.js is already implementing Drupal.behaviors (http://drupal.org/node/304258), so I am not sure where to splice in some code to make Views Showcase wait, nor sure why it isn't waiting anyway..

I tried the position:relative;overflow:hidden in .views-showcase, just in case, yet the further css patches for 6.x-1 in post #9 are not finding a perfect home in my views_showcase.css file, and using those lines as overrides elsewhere in the css tree has had no effect. ;(

Anyone have a thought?

Regards,
rhoyerboat

I like the module a lot really, have added a section of "static-box," code to views showcase in my sites for multiple images+single table of static data+big cycling frame, instead of just the images and cycling frame, if anyone is interested.