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.
Creating a then/now image slider in an image hotspot
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
The sample was created based on code from using code created by Chris Pennington https://codepen.io/Coding-in-Public
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/