projects / platform / framework / web / web-ui-fw.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
Gallery3d: Modify demo & source codes for visibility enhancement.
[platform/framework/web/web-ui-fw.git] / demos / tizen-winsets / widgets / gallery3d / gallery3d.html
diff --git a/demos/tizen-winsets/widgets/gallery3d/gallery3d.html b/demos/tizen-winsets/widgets/gallery3d/gallery3d.html
index 325214c..4c18008 100644 (file)
--- a/demos/tizen-winsets/widgets/gallery3d/gallery3d.html
+++ b/demos/tizen-winsets/widgets/gallery3d/gallery3d.html
@@ -1,22 +1,25 @@
-<!DOCTYPE html>\r
-<div data-role="page" data-add-back-btn="true">\r
-       <div data-role="header" data-position="fixed" >\r
-               <h1>Gallery 3D</h1>\r
-       </div><!-- /header -->\r
-\r
-       <div data-role="content">\r
-               <div id="gallery3d" data-role="gallery3d" style="width: 100%;"></div>\r
-       </div><!-- /content -->\r
-\r
-       <div data-role="footer">\r
-       </div><!-- /footer -->\r
-\r
-       <script>\r
-               $( "#gallery3d" ).bind( "gallery3dcreate", function () {\r
-                       var widget = $( "#gallery3d" );\r
-                       widget.gallery3d( "add", { src: "../test/01.jpg" } )\r
-                               .gallery3d( "add", { src: "../test/02.jpg" } )\r
-                               .gallery3d( "add", { src: "../test/03.jpg" } );\r
-               });\r
-       </script>\r
-</div><!-- /page -->\r
+<!DOCTYPE html>
+<div data-role="page" data-add-back-btn="true">
+       <div data-role="header" data-position="fixed" >
+               <h1>Gallery 3D</h1>
+       </div><!-- /header -->
+
+       <div data-role="content">
+               <div id="gallery3d" data-role="gallery3d" style="width: 100%;"></div>
+       </div><!-- /content -->
+
+       <div data-role="footer">
+       </div><!-- /footer -->
+
+       <script>
+               $( "#gallery3d" ).on( "gallery3dcreate", function () {
+                       var i, j, widget = $( "#gallery3d" );
+
+                       for ( i = 0; i <= 2; i += 1 ) {
+                               for ( j = 1; j < 10; j += 1 ) {
+                                       widget.gallery3d( "add", { src: "../test/0" + j + ".jpg" } );
+                               }
+                       }
+               });
+       </script>
+</div><!-- /page -->
Domain: Web Framework / Uncategorized;