Avatar of karthik80c
karthik80c
Flag for United States of America asked on

How to set 360 rotating image as landing page background?

Hi Experts

I wonder how to set 360 degree rotating image as my landing page background as other sites done it. But they did this with flash content . how to do this in purely js and css ?

e.g https://theta360.com

Thanks in Advance Experts
CSSImages and PhotosHTMLjQueryJavaScript

Avatar of undefined
Last Comment
Tom Beck

8/22/2022 - Mon
Member_2_248744

greetings  karthik80c, , Not sure I can help with this, I am here because no other expert has commented yet. . .
I looked that the demo pages on the   https://theta360.com    web site, and it does use a special setup in a plugin (flash content) to get the right and left sides of the scrolling image views to change (get a closer Zoom in) from the view (height) in the center of the viewport.
I have not seen any javascript and CSS image scroller that does this. . . You can change the "view" in an entire view box with js and CSS, but not a gradual change from positions in the view box, as is seen in their demos. If you really need or want their effect, why don't you use their page addon of the theta 360 that they offer.

Which part of their scrolling effect do you need to have? all of it?
ASKER CERTIFIED SOLUTION
Tom Beck

THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
GET A PERSONALIZED SOLUTION
Ask your own question & get feedback from real experts
Find out why thousands trust the EE community with their toughest problems.
Experts Exchange is like having an extremely knowledgeable team sitting and waiting for your call. Couldn't do my job half as well as I do without it!
James Murphy