tetsuo3 - 1:33 pm on Jun 2, 2012 (gmt 0)
Basically I want something like this...http://www.devirtuoso.com/Examples/CSS-Image-Viewer/.
The only difference is how the images appear and hover.
I basically want the images to change on hover, not when clicked. Then when clicked I want it to go to a different page.
I wondered if anybody could help me.
I remember a while ago I could do something where by you hover over an image somewhere on the page, and it would pop up another image on the page. I'm not talking over the original like a link, but anywhere I want. Could someone share any light or link to any articles online? I'm having trouble finding information.
The only other example I've found is this ...
But I swear you can do it without being so complicated like that.
Basically... this is what I want to do.
Where you see the grey slightly transparent boxes over the image on the background. I want it so when you hover over those the bg image changes. Those grey boxes will eventually have wording in them and when you hover over that particular word the background image changes to a picture that has something to do with that word.
I still would like the grey boxes to stay on top though, but the image to change (currently a pcb).
At the moment it's just a div with an image background written in the css. The grey boxes are in the html as linked images (so when they are clicked they visit another page).