Hello, I'm new here, but a longtime lurker. No doubt there are some brilliant minds on here, and I'm open to any sort of advice or help I can get on a question I have. Here is what I'm trying to accomplish, I'm making a website for a friend of mine who is a musician. On the discography page of the site, we'd like to have a mosaic tile of album covers that she has sung on, (about 26 album covers) that are going to be approx 125x125pixels each, roughly 5 rows, 4 columns. When the page loads, if possible, we'd like them to load almost similar to a domino effect, one after the other quickly. On mouseover, we'd like to have a speech bubble type box appear on screen with a button to hear the song on that album, and perhaps 2-3 lines of text that talk about the song and album. Is this possible to do in CSS? If not, what other options should I seek, thanks.

i've seen somebody do it before in css but I recommend javascript for what you're trying to achieve here... did a quick search on google and found this

http://brainerror.net/scripts/javascript/blendtrans/

what you may need to do is change the timing of each individual album.

the speech bubble is simple too... just create a absolute div inside the album div and have the description inside, on hover of the album div should trigger the song... I'm not sure which script to use for that

if you didn't catch any of that this is what it should look like

<div onmouseover="showspeech();playmusic();"> <-- This one fades in and has position: relative
<div style="display: none;">Speech Bubble</div>
<img src="album-image.jpb" />
</div>