Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
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
Comment | File | Size | Author |
---|---|---|---|
views_showcase_issue.jpg | 112.86 KB | raiyne |
Comments
Comment #1
raiyne CreditAttribution: raiyne commentedAnyone? This module is so close to what I need. I just have to get over a couple of these humps.
Comment #2
Aart CreditAttribution: Aart commentedI 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.
Comment #3
Carl242 CreditAttribution: Carl242 commentedsubscribing
Comment #4
raiyne CreditAttribution: raiyne commentedIs this module being maintained?
Comment #5
mikejonesok CreditAttribution: mikejonesok commentedYeah, it does this to me too.
Comment #6
arnieswap CreditAttribution: arnieswap commentedSame problem here...Its nice module but due to this issue we cant use it.
Comment #7
arnieswap CreditAttribution: arnieswap commentedAny solutions?
Comment #8
Aart CreditAttribution: Aart commentedWe just fixed this for our site by simply adding this to .views-showcase (custom theme):
Comment #9
miro_dietikerFor 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.
Comment #10
klamzo CreditAttribution: klamzo commented+1
Comment #11
rhoyerboat CreditAttribution: rhoyerboat commentedAlso 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.