View Full Version : flexislide and vertical alignment (middle)?

01-26-2010, 11:22 PM
1) Script Title: Flexislide

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/flexislide_dev.htm

3) Describe problem: I'm having flexislide run a slideshow of images resized within 800pix wide, and 520pix high. Some are panorama format, meaning they are - say - only 250pix high, and flexislide positions them at the top within the slideshow "window".

Is it possible to align them vertically in the middle of the show, similar to what would be in html valign="middle"?

Best regards
Thorir V

01-28-2010, 12:55 PM
(a humble bump)

01-28-2010, 08:37 PM
As far as I know there's no quick way in CSS to vertically align content. However, the TABLE tag has long supported such an attribute. You might try altering the output of the slideshow to use a table plus the aforementioned attribute. Inside the script, you can try adding the code in red below:

crossrotateobj.innerHTML='<table><tr><td valign="middle">'+contentcontainer+'</td><tr><table>'

02-01-2010, 08:33 PM
Thanks for the reply. I tried your suggestion and it didn't work, so I'll be looking into alternatives.


02-01-2010, 09:21 PM
You might take a look at Fade In Slideshow (http://dynamicdrive.com/dynamicindex14/fadeinslideshow.htm). The script contains a feature that explicitly centers each image within the slide dead center inside the display area.