JQuery iPresenter 3D image rotation, jqueryipresenter

JQuery iPresenter 3D image rotation, jqueryipresenter
Online instance

Result 1

Effect 2

Usage

1. <Div class = "htmleaf-container">
2. <Div class = "htmleaf-content">
3. <Div class = "container">
4. <Div id = "ipresenter">
5. <Div id = "intro" class = "step" data-x = "0" data-y = "0" data-thumbnail = "/api/jq/5733e33267b64/img/ thumbnails/1.jpg">
7. <H2>
8. A phone that sees the world like you do, in 3D
9. <P>
10. Now your photos can have as much depth as the moment itself. htc evo 3D captures
11. Your photos and videos in 3D, plus you can view them without the glas. The stunning
12. 4.3-inch qHD display gives you crisp websites, vivid images and incredibly fluid
13. Videos.
14. </P>
15. </Div>
16. <Div id = "capture" class = "step" data-x = "1100" data-y = "1200" data-scale = "1.8" data-rotate = "180" data-thumbnail = "/api/jq/5733e33267b64/img/thumbnails/2.jpg">
18. <H2>
19. Capture life in 3D
20. <P>
21. Htc evo 3D allows you to shoot 3D movies and snap 3D photos via dual cameras, so
22. No matter where you are, capture life as it shoshould be. And see it all in true-to-life
23. Detail without 3D glasses.
24. </P>
25. </Div>
26. <Div id = "view" class = "step" data-x = "-300" data-y = "600" data-scale = "0.2" data-rotate = "270 "data-thumbnail ="/api/jq/5733e33267b64/img/thumbnails/3.jpg">
28. <H2>
29. An incredible view
30. <P>
31. The large 4.3 inch display serves up incredibly crisp websites, vivid images and
32. Fluid video on a pixel-packed qHD screen. Catch the latest blockbusters straight
33. From HTC Watch-a new service that starts the show just seconds into the download
34. And monitors your Internet connection to ensure uninterrupted viewing.
35. </P>
36. </Div>
37. </Div>
38. </Div>
39. </Div>
40. </Div>
41. <Script type = "text/javascript" src = "http://ku.shouce.ren/libs/jquery/1/jquery1.7.2.min.js"> </script>
42. <Script src = "/api/jq/5733e33267b64/js/ipresenter. packed. js"> </script>
43. <Script>
44. $ (Function (){
45. $ ('# Ipresenter'). iPresenter ({
46. TimerPadding:-1, // timer padding
47. ControlNav: true, // whether to display the control button
48. ControlNavThumbs: true, // whether to display Thumbnail Control
49. ControlNavNextPrev: false // whether the "previous" and "Next" navigation are displayed
50. });
51. });
52. </Script>

Copied successfully Download