Jump to content

Change image based on text hover

Recommended Posts

I have a client that wants to display a certain image based off whichever text they are hovering over. So we have 3 divs (apartments, lots and townhomes), when they hover over "Apartments" an apartment image would show up on the side. When they hover over "Lots" a lot image will appear in the same position. Also important to note is that there would be a default image in this same position before the user hovers over any of the previously mentioned divs.

Please enlighten me on what I'm missing!

CSS:

HTML:

Apartments

REVISE 9/20 Phasellus sodales massa malesuada tellus fringilla, nec bibendum tellus blandit. Sed a ligula quis sapien lacinia egestas. Vivamus a ante congue, porta nunc nec, hendrerit turpis.

Lots

REVISE 9/20 Phasellus sodales massa malesuada tellus fringilla, nec bibendum tellus blandit. Sed a ligula quis sapien lacinia egestas. Vivamus a ante congue, porta nunc nec, hendrerit turpis.

Townhomes

REVISE 9/20 Phasellus sodales massa malesuada tellus fringilla, nec bibendum tellus blandit. Sed a ligula quis sapien lacinia egestas. Vivamus a ante congue, porta nunc nec, hendrerit turpis.

Link to comment
  • Replies 0
  • Views 352
  • Created
  • Last Reply

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.