google-code-export / galleriffic

Automatically exported from code.google.com/p/galleriffic
0 stars 0 forks source link

Layout jump #237

Open GoogleCodeExporter opened 9 years ago

GoogleCodeExporter commented 9 years ago
What steps will reproduce the problem?
1.Creating a multi-column layout
2.Using Google Chrome
3.Using IE 9

What is the expected output? What do you see instead?
Consistent positioning. Instead, the layout loads correctly for one second, 
then all 3 columns jump to the right by 8 pixels.

What version of the product are you using? On what operating system?
Galleriffic 2, Mac OS 10.6.8

Please provide any additional information below.
Remains consistent in Firefox and Safari.
Tried to isolate the problem and it seems to be related to the opacity rollover 
code - if I take out the script link in the header or remove this bit of code 
from the bottom

    // Initially set opacity on thumbs and add
    // additional styling for hover effect on thumbs
                var onMouseOutOpacity = 1.0;
                $('#thumbs ul.thumbs li').opacityrollover({
                    mouseOutOpacity:   onMouseOutOpacity,
                    mouseOverOpacity:  1.0,
                    fadeSpeed:         'fast',
                    exemptionSelector: '.selected',
                });

Then the pages load without jumping, but also without the large images.

Thanks for any help!

Original issue reported on code.google.com by sarahcar...@gmail.com on 19 Aug 2011 at 8:29

Attachments:

GoogleCodeExporter commented 9 years ago
face palm.
nevermind

Original comment by sarahcar...@gmail.com on 25 Aug 2011 at 4:26