demos/tizen-winsets/widgets/gallery3d/gallery3d.html

   1 <!DOCTYPE html>\r
   2 <div data-role="page" data-add-back-btn="true">\r
   3         <div data-role="header" data-position="fixed" >\r
   4                 <h1>Gallery 3D</h1>\r
   5         </div><!-- /header -->\r
   6 \r
   7         <div data-role="content">\r
   8                 <div id="gallery3d" data-role="gallery3d" style="width: 100%;"></div>\r
   9         </div><!-- /content -->\r
  10 \r
  11         <div data-role="footer">\r
  12         </div><!-- /footer -->\r
  13 \r
  14         <script>\r
  15                 $( "#gallery3d" ).bind( "gallery3dcreate", function () {\r
  16                         var widget = $( "#gallery3d" );\r
  17                         widget.gallery3d( "add", { src: "../test/01.jpg" } )\r
  18                                 .gallery3d( "add", { src: "../test/02.jpg" } )\r
  19                                 .gallery3d( "add", { src: "../test/03.jpg" } );\r
  20                 });\r
  21         </script>\r
  22 </div><!-- /page -->\r