JQuery iPresenter 3D image rotation, jqueryipresenter
Online instance
Usage
- <Div class = "htmleaf-container">
- <Div class = "htmleaf-content">
- <Div class = "container">
- <Div id = "ipresenter">
- <Div id = "intro" class = "step" data-x = "0" data-y = "0" data-thumbnail = "/api/jq/5733e33267b64/img/ thumbnails/1.jpg">
- <H2>
- A phone that sees the world like you do, in 3D
- <P>
- Now your photos can have as much depth as the moment itself. htc evo 3D captures
- Your photos and videos in 3D, plus you can view them without the glas. The stunning
- 4.3-inch qHD display gives you crisp websites, vivid images and incredibly fluid
- Videos.
- </P>
- </Div>
- <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">
- <H2>
- Capture life in 3D
- <P>
- Htc evo 3D allows you to shoot 3D movies and snap 3D photos via dual cameras, so
- No matter where you are, capture life as it shoshould be. And see it all in true-to-life
- Detail without 3D glasses.
- </P>
- </Div>
- <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">
- <H2>
- An incredible view
- <P>
- The large 4.3 inch display serves up incredibly crisp websites, vivid images and
- Fluid video on a pixel-packed qHD screen. Catch the latest blockbusters straight
- From HTC Watch-a new service that starts the show just seconds into the download
- And monitors your Internet connection to ensure uninterrupted viewing.
- </P>
- </Div>
- </Div>
- </Div>
- </Div>
- </Div>
- <Script type = "text/javascript" src = "http://ku.shouce.ren/libs/jquery/1/jquery1.7.2.min.js"> </script>
- <Script src = "/api/jq/5733e33267b64/js/ipresenter. packed. js"> </script>
- <Script>
- $ (Function (){
- $ ('# Ipresenter'). iPresenter ({
- TimerPadding:-1, // timer padding
- ControlNav: true, // whether to display the control button
- ControlNavThumbs: true, // whether to display Thumbnail Control
- ControlNavNextPrev: false // whether the "previous" and "Next" navigation are displayed
- });
- });
- </Script>
Copied successfully Download