JQuery iPresenter 3D image rotation, jqueryipresenter

Source: Internet
Author: User

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

 

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.