Jump to content
Join us live on Dec. 11 as we discuss the most-anticipated designs of 2025 with three brand design experts. ×

Image change on side triggered by text hover

By kimmsie, in Customize with code

Go to solution Solved by tuanphan,

Recommended Posts

kimmsie Level 2

kimmsie

Posted
Posted

Hi! Would it be possible to make an image change on the side of a paragraph, triggered by hovering over specific words in the paragraph? Apologies for the confusing wording, I've been searching for a solution but can't seem to word it properly. I prototyped / recorded an example of what I'm hoping to achieve.

Thank you!

 

  • Replies 3
  • Views 1.6k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

tuanphan
tuanphan

I used to do similar, but changing background image To achieve your request, we can 2 options Option 1. First add text on right with 3 text links like as your video, and left is 3 im

  • Solution
tuanphan Level 18

tuanphan

Posted
  • Solution
Posted

I used to do similar, but changing background image

To achieve your request, we can 2 options

Option 1.

  • First add text on right with 3 text links like as your video, and left is 3 image blocks (overlap together)
  • We will give CSS code to show Image 2, 3 in initial, then use Script code to make corresponding image appear when hover text

You can add first, then share link to page, we can check & give code easier

Option 2

  • First add an Image Block on left + send 2 images (or image urls) + add text block with link on right
  • We will give script code to do your request

You can add first, then share link to page, we can check & give code easier

Note: This will require Trial Plan, or Business Plan/higher

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

kimmsie Level 2

kimmsie

Posted
  • Author
Posted

Hi @tuanphan! Thanks so much for your detailed reply! I am on a trial site now because I am switching my existing site which is on a business plan but version 7.0 (debating if I need the business plan for the new site based on how much javascript I'd like to use).

Will option 1 also require a business plan or higher?

Thank you again!

Web_Solutions Level 12

Web_Solutions

Posted
Posted
2 hours ago, kimmsie said:

Hi @tuanphan! Thanks so much for your detailed reply! I am on a trial site now because I am switching my existing site which is on a business plan but version 7.0 (debating if I need the business plan for the new site based on how much javascript I'd like to use).

Will option 1 also require a business plan or higher?

Thank you again!

Yes

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer
☕Am I helpful? Want to offer me a coffee?
✉ Send me a message if needed any help. I'll try to reply as soon as possible.


 

Create an account or sign in to comment

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

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources