source: extensions/stripped-galleria/galleria/themes/classicwhite/classic-demo.html @ 12975

Last change on this file since 12975 was 12975, checked in by Zaphod, 12 years ago

version 1.2.0

File size: 6.5 KB
Line 
1<!DOCTYPE html>
2<html lang="en">
3    <head>
4        <meta charset="utf-8">
5        <title>Galleria Classic Theme</title>
6        <style>
7
8            /* Demo styles */
9            html,body{background:#222;margin:0;}
10            body{border-top:4px solid #000;}
11            .content{color:#777;font:12px/1.4 "helvetica neue",arial,sans-serif;width:620px;margin:20px auto;}
12            h1{font-size:12px;font-weight:normal;color:#ddd;margin:0;}
13            p{margin:0 0 20px}
14            a {color:#22BCB9;text-decoration:none;}
15            .cred{margin-top:20px;font-size:11px;}
16
17            /* This rule is read by Galleria to define the gallery height: */
18            #galleria{height:320px}
19
20        </style>
21
22        <!-- load jQuery -->
23        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
24
25        <!-- load Galleria -->
26        <script src="../../galleria-1.2.5.min.js"></script>
27
28    </head>
29<body>
30    <div class="content">
31        <h1>Galleria Classic Theme</h1>
32        <p>Demonstrating a basic gallery example.</p>
33
34        <!-- Adding gallery images. We use resized thumbnails here for better performance, but it’s not necessary -->
35
36        <div id="galleria">
37            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/3/34/Locomotives-Roundhouse2.jpg/800px-Locomotives-Roundhouse2.jpg">
38                <img title="Locomotives Roundhouse"
39                     alt="Steam locomotives of the Chicago &amp; North Western Railway."
40                     src="http://upload.wikimedia.org/wikipedia/commons/thumb/3/34/Locomotives-Roundhouse2.jpg/100px-Locomotives-Roundhouse2.jpg">
41                </a>
42            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/3/36/Icebergs_in_the_High_Arctic_-_20050907.jpg/1000px-Icebergs_in_the_High_Arctic_-_20050907.jpg">
43                <img title="Icebergs in the High Arctic"
44                     alt="”The debris loading isn't particularly extensive, but the color is usual.”"
45                     src="http://upload.wikimedia.org/wikipedia/commons/thumb/3/36/Icebergs_in_the_High_Arctic_-_20050907.jpg/100px-Icebergs_in_the_High_Arctic_-_20050907.jpg">
46            </a>
47            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/f/fe/Ara%C3%B1a._A_Estrada%2C_Galiza._02.jpg/1000px-Ara%C3%B1a._A_Estrada%2C_Galiza._02.jpg">
48                <img title="Araña"
49                     alt="Xysticus cristatus, A Estrada, Galicia, Spain"
50                     src="http://upload.wikimedia.org/wikipedia/commons/thumb/f/fe/Ara%C3%B1a._A_Estrada%2C_Galiza._02.jpg/100px-Ara%C3%B1a._A_Estrada%2C_Galiza._02.jpg">
51            </a>
52            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/9104_-_Milano_-_Museo_storia_naturale_-_Fluorite_-_Foto_Giovanni_Dall%27Orto_22-Apr-2007.jpg/1000px-9104_-_Milano_-_Museo_storia_naturale_-_Fluorite_-_Foto_Giovanni_Dall%27Orto_22-Apr-2007.jpg">
53                <img title="Museo storia naturale"
54                     src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/9104_-_Milano_-_Museo_storia_naturale_-_Fluorite_-_Foto_Giovanni_Dall%27Orto_22-Apr-2007.jpg/100px-9104_-_Milano_-_Museo_storia_naturale_-_Fluorite_-_Foto_Giovanni_Dall%27Orto_22-Apr-2007.jpg">
55            </a>
56            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/1/15/Grj%C3%B3tagj%C3%A1_caves_in_summer_2009_%282%29.jpg/1000px-Grj%C3%B3tagj%C3%A1_caves_in_summer_2009_%282%29.jpg">
57                <img title="Grjótagjá caves in summer 2009"
58                     src="http://upload.wikimedia.org/wikipedia/commons/thumb/1/15/Grj%C3%B3tagj%C3%A1_caves_in_summer_2009_%282%29.jpg/100px-Grj%C3%B3tagj%C3%A1_caves_in_summer_2009_%282%29.jpg">
59            </a>
60            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/9/90/20091128_Loutra_Thermes_Xanthi_Thrace_Greece_2.jpg/1000px-20091128_Loutra_Thermes_Xanthi_Thrace_Greece_2.jpg">
61                <img title="Thermes"
62                     alt="Xanthi hot-spa springs, Xanthi Prefecture, Greece"
63                     src="http://upload.wikimedia.org/wikipedia/commons/thumb/9/90/20091128_Loutra_Thermes_Xanthi_Thrace_Greece_2.jpg/100px-20091128_Loutra_Thermes_Xanthi_Thrace_Greece_2.jpg">
64            </a>
65            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/5/58/Polish_Army_Ko%C5%82obrzeg_077.JPG/1024px-Polish_Army_Ko%C5%82obrzeg_077.JPG">
66                <img title="Polish Army Kołobrzeg"
67                     alt="A display of the Polish Army. Both the soldier, and the vehicle belong to the 7th Pomeranian Coastal Defence Brigade, a part of the Szczecin-based 12th Mechanized Division ”Bolesław Krzywousty”"
68                     src="http://upload.wikimedia.org/wikipedia/commons/thumb/5/58/Polish_Army_Ko%C5%82obrzeg_077.JPG/100px-Polish_Army_Ko%C5%82obrzeg_077.JPG">
69            </a>
70            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/20100213_Zlatograd_Bulgaria_3.jpg/1024px-20100213_Zlatograd_Bulgaria_3.jpg">
71                <img title="Zlatograd Bulgaria"
72                     src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/20100213_Zlatograd_Bulgaria_3.jpg/100px-20100213_Zlatograd_Bulgaria_3.jpg">
73            </a>
74            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/b/b5/FEMA_-_5399_-_Photograph_by_Andrea_Booher_taken_on_09-28-2001_in_New_York.jpg/1024px-FEMA_-_5399_-_Photograph_by_Andrea_Booher_taken_on_09-28-2001_in_New_York.jpg">
75                <img title="09-28-2001 in New York City"
76                     alt="New York, NY, September 28, 2001 -- Debris on surrounding roofs at the site of the World Trade Center. Photo by Andrea Booher/ FEMA News Photo"
77                     src="http://upload.wikimedia.org/wikipedia/commons/thumb/b/b5/FEMA_-_5399_-_Photograph_by_Andrea_Booher_taken_on_09-28-2001_in_New_York.jpg/100px-FEMA_-_5399_-_Photograph_by_Andrea_Booher_taken_on_09-28-2001_in_New_York.jpg">
78            </a>
79            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/e/e6/Antennae%2C_Hubble_images.jpg/1024px-Antennae%2C_Hubble_images.jpg">
80                <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/e/e6/Antennae%2C_Hubble_images.jpg/100px-Antennae%2C_Hubble_images.jpg">
81            </a>
82        </div>
83
84        <p class="cred">Made by <a href="http://galleria.aino.se">Galleria</a>.</p>
85    </div>
86
87    <script>
88
89    // Load the classic theme
90        Galleria.loadTheme('galleria.classic.min.js');
91
92        // Initialize Galleria
93        $('#galleria').galleria();
94
95    </script>
96    </body>
97</html>
Note: See TracBrowser for help on using the repository browser.