Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Changing an image block to another image on hover or rollover?

Go to solution Solved by Bernard West,



I would like to change the thumbnails of my portfolio to a completely different image on the hover. It will link out to a site within my website, and I do not want any transitions. I don't know how to write the CSS (and exactly what/how I should label the thing I am changing).. I know I have to change each individual element and that is fine with me, but I also want the hover image to retain the size of the the image it's replacing.

my website: https://sorina-vaziri-vhqm.squarespace.com/

image I would like the rotating jersey gif to change to: http://i58.tinypic.com/2vnqq1g.jpg

If anyone could help me with this I would very much appreciate it :) I can't seem to find the solution for my specific problem

Edited by sorvaziri
Link to post
  • Answers 30
  • Created
  • Last Reply

Top Posters For This Question

Recommended Posts

  • 0

Hi Bernard,

I have the same question jlnelson. I'm trying to get a hover from one image to another so I can do a before and after affect with my retouching. I found this html script pasted below, but I can't seem to get it to work. I end up with this result: http://www.elopro.com/before-and-after-rollover/

Perhaps you have a CSS solution that might work?

html code: https://static1.squarespace.com/static/521bb1e2e4b0b9fc4088a091/t/554128a3e4b0dfaffe62609c/1430333603172/Rollovers_SquarespaceHack.pdf

Not sure why it didn't work, but I am all ears to suggestions.

Thank you!

Link to post
  • 0

Hi Bernard, Is there a code that exist for images only? i am referring to your mention of a "CSS hover selector".I am using the Jasper template and would like to swap the image for another one on rollover on my homepage, keeping the title (and changing it to white) — but one step at a time — the image swap on rollover first would make me very happy!Thank you!

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...