JQuery iPresenter 3D Picture rotation

Online example

Effect One

Effect Two

How to use

2. <div Class="Htmleaf-container">
4. <div class="Htmleaf-content">
6. <div class="container">
8. <div id="Ipresenter">
10.                  <div id = "Intro"  class= "step"  data-x= data-y=" 0 "  data-thumbnail=>
12. src="/api/jq/5733e33267b64/img/details.png" />
16. A phone that's sees the world what do, in 3D
18. <p>
20. Now your photos can has as much depth as the moment itself. HTC EVO 3D Captures
22. Your photos and videos in a, plus you can view them without the glasses. The stunning
24. 4.3-inch QHD display gives you crisp websites, vivid images and incredibly fluid
26. Videos.
28. </p>
30. </div>
31.                  <div id= " Capture " class=" step "  data-x= "1100" data-y= "data-scale= "1.8"   data-rotate= "the"    data-thumbnail=>
33. src="/api/jq/5733e33267b64/img/ksp1.png" />
37. Capture life in 3D
39. <p>
41. HTC EVO 3D allows shoot 3D movies and snap 3D photos via dual cameras, so
43. No matter where is, capture life as it should is. and see it all in True-to-life
45. Detail without 3D glasses.
47. </p>
49. </div>
50. <div id= " View " class=" step "  data-x= " -300" data-y= "all"   data-scale= "0.2"   data-rotate= "the"   data-thumbnail=>
52. src="/api/jq/5733e33267b64/img/ksp2.png" />
56. An incredible view
58. <p>
60. The large 4.3 inch display serves up incredibly crisp websites, vivid images and
62. Fluid video on a pixel-packed qHD screen. Catch the latest blockbusters straight
64. From HTC watch–a new service, starts the show just seconds into the download
66. and monitors your Internet connection to ensure uninterrupted viewing.
68. </p>
70. </div>
72. </div>
74. </div>
76. </div>
78. </div>
80. <script Type="text/javascript" src="http://ku.shouce.ren/libs/jquery/1/ Jquery1.7.2.min.js "></script>
82. <script src="/api/jq/5733e33267b64/js/ipresenter.packed.js"></script>
84. <script>
86. $(function() {
88. $(' #ipresenter '). IPresenter({
90. Timerpadding: -1,//timer inner margin
92. Controlnav: true,//whether the control button is displayed
94. Controlnavthumbs: true,//Whether thumbnail control is displayed
96. Controlnavnextprev: false //Show "Previous" "Next" navigation
98. });
100. });
102. </script>

Successful Replication Download

JQuery iPresenter 3D Picture rotation