Always a bit curious to redo flash examples in css, I took the basic idea from the Flash gallery called Illusion created by FlepStudio.
This css gallery uses the same images for the vertical thumbnail (applied as background) and for their complete view on the hover state (element <img>) of the links with the related description (element <span>).
Those 2 elements are initially hidden using display:none; and made visible with display:block; applying a z-index superior to cover the thumbnail and positioned in an absolute way in relation to its <div> container.
css-menu-esempio-7.zip (306.8 KiB, 2,104 hits)
Css gallery tested with IE6, IE7, FF2, FF3, Safari 3, Opera 9 on Windows.
{ 4 comments… read them below or add one }
Gostaria de obter os arquivos do Css image gallery
Entendo mas nĂ£o falo muito bem portuguese!
The zip file is included at the end of the article (named ‘css-menu-esempio-7.zip)
Thank you so much for posting this. This gives me some ideas on how to create my own CSS-website.
Nice Gallery