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

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

Question

Hello,

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

Share this post


Link to post

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!

Share this post


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!

Share this post


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...