Wednesday, September 16, 2009

CSS vertical centering, Galleria

Going to need a jquery gallery soon that takes different sized images that is embedded in the page, but functions like the lightbox style popups.

Main issue will be centering the image and adding in the next / prev buttons overlaid. Im thinking of using devkicks galleria and modifying to suit.

This article for x browser vertical centering. I have tried the table cell method on galleria and it works, just need to add in hacks for IE6,7 (but table cell works in IE8)
http://www.boutell.com/newfaq/creating/centervertically.html

the other issue is preloading, in the standard galleria, users dont click on a thumbnail until its loaded, which means they usually dot see an image until its loaded, whereas if i remove thumbnails, there will be no indication if an image is loaded or not, and maybe cause problems when user clicks next next next before those have loaded. to get it like lightbox, would also need to add a loading gif..
i wonder if it would be easier to work backwards from lightbox than forwards from galleria. ie take lightbox and modify it to be in the page but with same features...