Cycle - centre different sized images AND prevent flash of unstyled content....
Hi, I'm new to jquery, so please forgive any obvious mistakes!
I'm using the cycle plugin to create slideshows on a photographer site.
The problem I'm having is that some of the images are quite large and also high quality so the 'flash of unstyled content' is really noticeable.... Also while most of the images are landscape, some are portrait oriented and some are square, so it's really noticeable if they're not all centred .
The solutions on the cycle website for these two problems (
here) seem to be mutually incompatible...
The solution for hiding other images requires you to set the visibility of all but the first image to hidden, and then cycle makes them visible when they come up. To centre them you have to enclose each image in a div, which stops cycle from displaying them when their turn comes, so the first slide shows up and then just fades out.
There is another solution in the faq for if the slides are all the same height, but they're not...
I'd appreciate any ideas. I'm happy to upload a copy of my code if anyone wants me to...