I'm trying and figure out what's the difference between the first image in a slide and the others. Using Chrome, the first displays correctly in its div, the others overlap above header section and I can't understand if it's a z-index problem or div height. Can someone help? Thanks.

Comments

casaran’s picture

casaran CreditAttribution: casaran commented

Not sure what you problem is here. Views Slideshow creates all equivalent divs for all images. The first image is displayed normally at first and the others have display: none. Then it changes and the first becomes not displayed while the second gets a display: block to be displayed. As a security mesure (my guess) they are adding opacity: 0 for non displayed divs and also z-index inferior compared to the one displayed for all non displayed.

giuvax’s picture

giuvax CreditAttribution: giuvax commented

It's a problem of div height. If I disable the 'calculate max height based on image size' everything works correctly, if I enable it, the div containing the image slide works for the firse image, then it disappear (as if it's calculating 0px on the height).

casaran’s picture

casaran CreditAttribution: casaran commented

Try to give a style to your images.
If this doesn't work, try to apply css to your div, something like:
height: 100px;
if that still does not work , then try with:
height: 100px!important;

giuvax’s picture

giuvax CreditAttribution: giuvax commented

Thanks, I'm going to try. :)

giuvax’s picture

giuvax CreditAttribution: giuvax commented

Nothing is working.
But I tried changing the theme and now it does, so I have to figure out what in the first theme is bothering the slideshow.
Thanks.

NickDickinsonWilde’s picture

NickDickinsonWilde
He/Him/His
Primary language English
Location Victoria, BC (T'So-uke lands)
CreditAttribution: NickDickinsonWilde at BriarMoon Design commented
Status: Active » Closed (works as designed)