Jump to content

7.1. tag areas in image, customise caption on hover and insert button/link

Recommended Posts

Site URL: https://jaguar-recorder-p3z2.squarespace.com/


I’m building a site for an exhibition with images of interiors. On hover I would like to highlight artworks that are shown on these images of interiors, much like on the website of the swedish retailer the exhibition is citing.

I want these tags to look like dots, see the image 1, and want the hover content to look like image 2 (ie white background, black border, black text, link), closeup image 3.
The content will be different for each image and can be the jpeg title, or caption, whatever works easier.
For ease of use I would like to do this in a gallery section, if this is not possible, I will need to work from image blocks.
Would anyone know how to tag the areas in the jpeg where the artwork is installed, and make the content appear on hover. What code to use?
Thank you for all your help!

image 1.png

image 2.png

image 3.png

Link to comment
  • Replies 4
  • Views 310
  • Created
  • Last Reply

Top Posters In This Topic

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.