background preloader

Gallery

Facebook Twitter

Layout

Slideshow. Coverflow. Showcase. The Drawar Design Gallery » Beautiful Designs - Page 1. Picturesurf. Flickriver - A new way to view Flickr photos and more... Cssupdates.com » The freshest css content ready for you now. 15+3 best web-design galleries. Gallery | Your photos on your website. Hoverbox Image Gallery. I recently finished reading CSS Mastery, and think I’ve finally got a good understanding of how absolute and relative positioning (fail to) work in Internet Explorer. I have been tinkering with this bit of code since yesterday afternoon, helping out a designer friend with his client’s site. However, we decided to go a slightly different route for their gallery. So, I pass it on to you with the hope that it proves useful. Basically, it’s a super light-weight (8kb) roll-over photo gallery that uses nothing but CSS… Hoverbox: View Example | Download Here (280 KB) It uses an anchor link for the effect, because that is the only thing that Internet Explorer allows the :hover psuedo-class to work with.

I decided to call it Hoverbox, because after showing it to Dustin, he said it was like a mini Lightbox. It has been tested in the current builds of all the latest major browsers and works in Camino, Firefox, IE6, Opera, and Safari. Note: The code for Hoverbox is free to use. CSS Vault » The Web's CSS Site.