Updated examples to use new features.

akalicki · Jul 11, 2013 · d406e76 · d406e76
1 parent 544629e
commit d406e76
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 4 deletions.
diff --git a/examples/grid-layout/index.html b/examples/grid-layout/index.html
@@ -12,12 +12,22 @@
 
         #images img {
         	width:150px;
+        	padding:5px;
+        	transition: all 200ms;
+            -webkit-transition:all 200ms;
+            -moz-transition:all 200ms;
+            -ms-transition:all 200ms;
+            -o-transition:all 200ms;
         }
 
         #full {
             float:left;
-            width:458px;
-            height:312px;
+            width:470px;
+            height:333px;
+        }
+
+        .selected {
+        	background-color:gray;
         }
     </style>
 </head>
@@ -43,8 +53,12 @@
     </div>
 
     <script>
-        $('#images img').gallery({target: "#full", startImg: 3, easing: "linear",
-                                  waitTime: 1000, changeTime: 300, restartOnEnd: false});
+        $('#images img').gallery({target: "#full",
+                                  startImg: 3,
+                                  easing: "linear",
+                                  waitTime: 1000,
+                                  changeTime: 300,
+                                  restartOnEnd: false});
     </script>
 </body>
 </html>
diff --git a/examples/row-layout/index.html b/examples/row-layout/index.html
@@ -11,13 +11,24 @@
 
         #images img {
         	width:200px;
+        	padding:0;
+        	transition: all 500ms;
+            -webkit-transition:all 500ms;
+            -moz-transition:all 500ms;
+            -ms-transition:all 500ms;
+            -o-transition:all 500ms;
         }
 
         #full {
             margin:10px auto;
             width:720px;
             height:480px;
         }
+
+        #images img.selected {
+            width:250px;
+            padding:0 5px;
+        }
     </style>
 </head>
 <body>