I've created a views slideshow of nodes with several fields mainly an image.....with an overlay attachment that has the title and a list of the node's taxonomy terms. When the first slide loads multiple overlays appear...The slideshow has to go through a full cycle until the correct overlay is synced with the correct slide.

check out at http://www.africanartking.com/

Its the featured content block on the front page....

Is this a bug or some kinda setting I need to fix?

Comments

captaindav’s picture

captaindav commented

Hi Mark,

I am not seeing this on your example. When I refresh, I only see one overlay. I also looked at the page in Firebug, and it seems like the initial:

element.style {
    display: none;
}

is set correctly.

Regards,

captaindav

markusa’s picture

markusa commented

Thats weird...I am definitely having strange behavior.....I am viewing in firefox also....

Its when the page first loads.....there will be two overlays...one on the image...and one below about where a second would be if there was a list.....

Then a slide comes up with no overlay...

Then it all syncs up and displays correctly

markusa’s picture

markusa commented

Had the deprecated slideshow xtra module enabled along with the overlay....disabled that and now I see the second overlay for a brief moment and all is synced up and right the next moment....

captaindav’s picture

captaindav commented

When I refresh the page in Win/Firefox, I am not seeing any flicker at startup?

After refresh, a house with a plywood exterior is displayed, with overlay "Test Item 2", which seems correct based on the markup generated by the view. If you check your view, I am sure you will see that item 2 is in the first position, could this be the error you are having? You may want to add a numeric "order" field to your content type and sort the view on that field.

markusa’s picture

markusa commented
Status: Active » Closed (works as designed)

you are right once I cleared my browsers cache after I had disabled the deprecated module it all works perfectly. Cheers! Great module

Mellissa’s picture

Mellissa commented
Status: Closed (works as designed) » Active

Hi captaindav

Sorry, I'm new at this, I'm having this same problem. Inspect element reveals element.style{} so I'm assuming this is the problem. How can I fix this please?

Many thanks
Mell

mohitj’s picture

mohitj commented

I was having the same issue. The CSS file that comes with module (views_slideshow_xtra_overlay.css) is

/**
 * Views Slideshow Xtra CSS.
 */
.views_slideshow_main {
  position: relative;
}
.views-slideshow-xtra-overlay {
  z-index: 50;
  position: absolute;
  top: 0;
}
.views-slideshow-xtra-overlay-row {
  display: absolute;
  min-height: 10px;
}

Here I changed display:none to display:none and problem was gone!

stevensunsunsun’s picture

stevensunsunsun commented

mohitj

Thank you!

Same issue, overlaying text appearing down left side of page all at once until fully loaded.

Changed
.views-slideshow-xtra-overlay-row { display: absolute; min-height: 10px;}
to
.views-slideshow-xtra-overlay-row { display: none; min-height: 10px;}

And 'glitch' no longer appearing.

bavramor’s picture

bavramor commented

Thnx

Changed
.views-slideshow-xtra-overlay-row { display: absolute; min-height: 10px;}
to
.views-slideshow-xtra-overlay-row { display: none; min-height: 10px;}

works for me

astonvictor’s picture

astonvictor commented
Issue summary: View changes
Status: Active » Closed (outdated)

I'm closing it because the issue was created a long time ago without any further steps.

if you still need it then raise a new one.
thanks