Toggle between image source

thirdstreet

New member
Hi, I have a client who has provided 3D images in two forms. One set is a typical normal set and the other set where part of the product is transparent so you can see the machinery inside which is beneficial to the end user to see how it works. Is there a way where I could have both of these as image sources and allow the user to "toggle" between seeing the normal view and partial transparent view?
 

WebSupport

Active member
Hi, yes for example you can publish two projects for each 360 product image sequence and then add a static "as content" only hotspot to both (say at the bottom on the left) that can have a Hyperlink action pointing to a respective published xml file for the toggle. Clicking this hotspot button would transition in-place to a linked 360 product view.

See more details about hotspot actions in our user guide under Hotspots:
https://webrotate360.s3.amazonaws.com/sites/webrotate360/downloads/Resources/Readme.pdf

Same can be achieved via API. Here's an example:
https://www.webrotate360.com/blog/2015/free-responsive-e-commerce-template.aspx

Or you may simply have a hotspot in the first 360 view configured as a lightbox popup under "Render as" of the hotspot form and add you other sequence as an animated GIF under Image Content tab. The GIF can be created in a separate project in SpotEditor.
 

thirdstreet

New member
Ok, I think your first option is more what I'm after. I'll check out the user guide but if I under your method then I would have two separate 360 published projects which would each have their own image sequence, hotspots, etc and that button would essentially just go back and forth between the two. Correct?
 

WebSupport

Active member
Yes, correct!

PS: another thing to consider is combining two sets of images into the same sequence and sort of transition from one to another during the same 360 spin.

This bike example has something like this, i.e the suspension animation that can be for example a chunk of the same 360 degree image sequence of the same bike in different color or with just the suspension highlighted in some way:

https://www.webrotate360.com/examples/browse-all-examples/3d-rendered-bike.aspx
 
Top