<div>
greetings &nbsp;karthik80c, , Not sure I can help with this, I am here because no other expert has commented yet. . .<br />
I looked that the demo pages on the &nbsp; <a href="https://theta360.com" rel="ugc">https://theta360.com</a>&nbsp; &nbsp; 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.<br />
I have not seen any javascript and CSS image scroller that does this. . . You can change the &quot;view&quot; 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.<br />
<br />
Which part of their scrolling effect do you need to have? all of it?
</div>


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 [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?

<div>
<div class="content wysiwyg-content">
Hi Experts<br />
<br />
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 ? <br />
<br />
e.g <a href="https://theta360.com" rel="ugc">https://theta360.com</a><br />
<br />
Thanks in Advance Experts
</div>
</div>


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

How to  set 360 rotating image as landing page background?

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

Photo and imaging software is used to edit and compose raster images; Adobe Photoshop, which dominates the market, has its own topic. Common actions include cropping, slicing, retouching, color replacement, masking and erasing. Other programs include Apple Photo, Corel PaintShop Pro, GIMP, Serif PhotoPlus, Pixlr, PhotoScape, Picasa and IrfanView.

Images and Photos

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.

HTML

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

jQuery

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.