How can I set up a 360 3D render of my product on my site?

[Tapio]

I am trying to set up a 360 3D render of my product on my site. I have uploaded html and all images to my hosting site and tried to link with below code and unfortunately it is not showing. Can this be done or am I doing something wrong?

<div style="max-width: 1920px; max-height: 1920px;">
<div style="left: 0px; width: 100%; height: 0px; position: relative; padding-bottom: 100%; overflow: hidden;"><iframe src="https://www.tapiocup.com/Tapio%20Gloss%20Yellow%20360.124.html" allowfullscreen="" style="position: absolute; top: 0px; left: 0px; height: 100%; width: 1px; min-width: 100%; *width: 100%;" frameborder="0" scrolling="no">
</iframe></div>
</div>

[LosAmigos]

Hello Tapio, did you finally find a solution to this question ? 

I'm in the exact same situation ^^

Thank you for reading

Alex

[jkuzmanovik]

Hi, did you find any solutions? I am trying but no luck

Thanks

[MollieHammond]

Many use jquery rollover selector. If you Google it, it may work for you. However the minimum photos I recommend for this are 24 and even that looks quite average. Depending on the product and desired result, up to 74 photos are required which is extremely time redundant unless your product is likely to sell enough from this change to justify it. Not doing this correctly could inhibit page loading speed.