Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

new demo

  • Loading branch information...
commit 40d4afd3e2fc99966e10cce507eb57353ef023af 1 parent 9fa2e82
David Hellsing authored
2  demo/classic-01.html
@@ -6,7 +6,7 @@
6 6
         <script src="../src/galleria.js"></script>
7 7
         <style>
8 8
             html,body{background:#111}
9  
-            #galleria{width:800px;margin:20px auto}
  9
+            #galleria{width:700px;margin:20px auto}
10 10
         </style>
11 11
     </head>
12 12
 <body>
4  demo/classic-02.html
@@ -6,7 +6,7 @@
6 6
         <script src="../src/galleria.js"></script>
7 7
         <style>
8 8
             html,body{background:#111}
9  
-            #galleria{width:800px;margin:20px auto}
  9
+            #galleria{width:900px;margin:20px auto}
10 10
         </style>
11 11
     </head>
12 12
 <body>
@@ -21,6 +21,8 @@
21 21
     <script>
22 22
     Galleria.loadTheme('../src/themes/classic/galleria.classic.js');
23 23
     $('#galleria').galleria({
  24
+        image_crop: true,
  25
+        transition: 'fade',
24 26
         data_config: function(img) {
25 27
             return {
26 28
                 description: $(img).next('p').html()
21  demo/fullscreen-01.html
... ...
@@ -0,0 +1,21 @@
  1
+<!DOCTYPE html>
  2
+<html lang="sv">
  3
+    <head>
  4
+        <title>Galleria Fullscreen Theme Demo 01</title>
  5
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  6
+        <script src="../src/galleria.js"></script>
  7
+    </head>
  8
+<body>
  9
+    <div id="galleria"></div>
  10
+    <script>
  11
+    Galleria.loadTheme('../src/themes/fullscreen/galleria.fullscreen.js');
  12
+    Galleria.flickr.search('fddd7bc223fe37295faace93a4f2d8fc', {
  13
+        text:'wood'
  14
+    }, function(data) {
  15
+        $('#galleria').galleria({
  16
+            data_source:data
  17
+        });
  18
+    });
  19
+    </script>
  20
+    </body>
  21
+</html>
26  demo/fullscreen-02.html
... ...
@@ -0,0 +1,26 @@
  1
+<!DOCTYPE html>
  2
+<html lang="sv">
  3
+    <head>
  4
+        <title>Galleria Fullscreen Theme Demo 02</title>
  5
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  6
+        <script src="../src/galleria.js"></script>
  7
+    </head>
  8
+<body>
  9
+    <div id="galleria"></div>
  10
+    <script>
  11
+    Galleria.loadTheme('../src/themes/fullscreen/galleria.fullscreen.js');
  12
+    Galleria.flickr.setOptions({
  13
+        max: 20
  14
+    }).search('fddd7bc223fe37295faace93a4f2d8fc', {
  15
+        tags: 'radio'
  16
+    }, function(data) {
  17
+        $('#galleria').galleria({
  18
+            data_source: data,
  19
+            image_crop: false,
  20
+            frame_color: '#000',
  21
+            transition: 'slide'
  22
+        });
  23
+    });
  24
+    </script>
  25
+    </body>
  26
+</html>
1  demo/fullscreen.html
... ...
@@ -1,6 +1,7 @@
1 1
 <!DOCTYPE html>
2 2
 <html lang="sv">
3 3
     <head>
  4
+        <title>Galleria Fullscreen Theme Demo 01</title>
4 5
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
5 6
         <script src="../src/galleria.js"></script>
6 7
     </head>

0 notes on commit 40d4afd

Please sign in to comment.
Something went wrong with that request. Please try again.