Creating a then/now image slider in an image hotspot

Special forum to share and discuss skins for Pano2VR and Object2VR
Post Reply
On This Spot
Posts: 1
Joined: Mon Sep 26, 2022 11:31 am

Hello, I'm making a virtual tour where I want to incorporate either a then/now image slider or fader within an image hotspot.

The tour I want to put them in is here: https://onthisspot.ca/virtual/provost

We have a historic walking tour here where you can see the then/now capability I have in mind: https://onthisspot.ca/cities/provost/provost

A slider might be a big ask but I was thinking there could be a fade from one to the other toggle as a stop-gap solution. I'm not super capable with editing the skins so any precise guidance would be appreciated.
User avatar
Tony
Posts: 1342
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

The easiest way is to use one of the many free or paid JavaScript sliders you can find on Google. Once you've built in, then add an iFrame that loads the component. Here's a sample of a slider over a panorama. https://tonyredhead.s3.ap-southeast-2.a ... /index.html

preview.jpg
preview.jpg (354.64 KiB) Viewed 248 times

The sample was created based on code from using code created by Chris Pennington https://codepen.io/Coding-in-Public
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
Post Reply