Hey there, I'm redesigning my website at the moment and am looking to do things a little more efficiently this time around. Currently, I have something that looks like this like this:
HEADING NUMBER ONE image one image two image three HEADING NUMBER TWO image four image five image six When someone hovers over image one, the actual text of "HEADING NUMBER ONE" changes to "IMAGE ONE IS COOL," and reverts when their cursor passes out of the image. When someone hovers over image five, the actual text of "HEADING NUMBER TWO" changes to "IMAGE FIVE IS THE COOLEST," and reverts when their cursor passes out of the image. The "images" in question will actually be used to manipulate a Galleriffic 1.0 slideshow, built on jQuery, so I'd love to find a nice, efficient way to do this, also using jQuery. Any thoughts? Thanks!