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

Update image when corresponding text is clicked

Question

I'd like to have an image block that changes what image is shown based on which item in list has been clicked. In other words, when you click on the second item in a list, the image on the left changes to show a different image that is associated with that list item. See below for a screenshot of what I am trying to achieve. Ability to rotate through list items and corresponding photos would be nice but is not essential. 

My website is using Brine template. 

Thanks for any suggestions or tips!

 

874906434_ScreenShot2020-03-09at11_47_18AM.thumb.png.7c4e1753475e82929ea497cd51dc0482.png

Share this post


Link to post

2 answers to this question

Recommended Posts

  • 0

You can search Google with some keywords, eg: jquery change image on text click, change image on click...

eg this code: https://codepen.io/mnosova/pen/oddBxR

To do this is a bit difficult and time-consuming, it's outside the free support range, so I just gave the above suggestion. You can search, test the code, and can ask more questions, if I know I will answer.


You can send your question to my email to get faster answer. I provide free priority support in this crazy time. 

Forum: I usually answer questions at 2pm - 5pm EST

How to Setup Password & Share URL - Squarespace Free Templates - Free Code - CSS ID List

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