I’m using the apple effect overlay (flowplayer jQuery tools – http://flowplayer.org/tools/demos/overlay/apple.html) as part of my portfolio site. I would like to amend the jQuery function so that it’s possible to use a background image within an anchor tag, rather than the standard rel img.
I’m wanting to do this so that I can load all of the imagery from a sprite, rather than individual extra http requests for each img.
Is it possible to do this, can I just swap the class on the a upon hover?
Also, as you can see I’ve hard coded a hover state for each portfolio item, is there a simpler way to do this so that it’s just one function where the relative img (or would be anchor) is replaced upon hover?