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

Creating a rotating dial of thumbnails that link to other pages within site


j0sh

Question

Site URL: https://wasteland.site/

Hi all,

I am new to Squarespace but have experience with Javascript and am looking for some advice. As the site I am working on features photo submissions from different locations, I want to allow visitors to use a dial to see more submissions from that same location. The dial will be composed of thumbnails of photos from those different locations with an arrow pointing at the center top to show which one is selected. The selected thumbnail will set a label in the center of the dial displaying the location. When the user clicks on the selected thumbnail, it will link them to another page in the site hosting all the photos from that location. 

Would you guys know if this is possible to implement and if so, any good starting points? You may assume that I have local access to all the photos and their locations and that the other pages featuring the photos from each location are already built and referenceable within the site.

Thank you very much!

Josh

169328504_162356892424907_4249849592765230088_n.jpg

170087758_3738796709550700_1436055650835770975_n.jpg

Link to post
  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Posts

Site URL: https://wasteland.site/ Hi all, I am new to Squarespace but have experience with Javascript and am looking for some advice. As the site I am working on features photo submissions from

Posted Images

1 answer to this question

Recommended Posts

  • 1

Interesting interface idea. Kind of like a View-Master reel or Kodak's disc film. Now there is a way to date myself!  🙂

See the following for ideas. None are rotating but getting the radial is a good first step.

Making an animated radial menu with CSS3 and JavaScript

Versatile Radial Menu In Pure CSS – radialMenu.css

CSS radial menu

Keep us posted on how things go!

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

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