Jump to content

Image change on side triggered by text hover

Go to solution Solved by tuanphan,

Recommended Posts

  • Solution

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!)

Link to comment

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!

Link to comment
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.


 

Link to comment

Create an account or sign in to comment

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

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