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
karthik80cAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Slick812Commented:
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?
Tom BeckCommented:
I tried to make a quick demo on jsfiddle but there are some problems. It doesn't work in Firefox on my machine for some reason and it jumps at the end. Out of time for today.

Anyway, the idea is to start with a 180 degree panoramic image as a background to a div then with jQuery, animate the background position so it scrolls by an loop it when it gets to the end.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.