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

Last change on this file since 26671 was 26671, checked in by flop25, 10 years ago

updated for 2.5 & 2.6
File size: 7.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.3.3.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/a/a2/Biandintz_eta_zaldiak_-_modified2.jpg/800px-Biandintz_eta_zaldiak_-_modified2.jpg">
38                <img 
39                    src="http://upload.wikimedia.org/wikipedia/commons/thumb/a/a2/Biandintz_eta_zaldiak_-_modified2.jpg/100px-Biandintz_eta_zaldiak_-_modified2.jpg",
40                    data-big="http://upload.wikimedia.org/wikipedia/commons/thumb/a/a2/Biandintz_eta_zaldiak_-_modified2.jpg/1280px-Biandintz_eta_zaldiak_-_modified2.jpg"
41                    data-title="Biandintz eta zaldiak"
42                    data-description="Horses on Bianditz mountain, in Navarre, Spain."
43                >
44            </a>
45            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/6/6c/Athabasca_Rail_at_Brule_Lake.jpg/800px-Athabasca_Rail_at_Brule_Lake.jpg">
46                <img 
47                    src="http://upload.wikimedia.org/wikipedia/commons/thumb/6/6c/Athabasca_Rail_at_Brule_Lake.jpg/100px-Athabasca_Rail_at_Brule_Lake.jpg",
48                    data-big="http://upload.wikimedia.org/wikipedia/commons/thumb/6/6c/Athabasca_Rail_at_Brule_Lake.jpg/1280px-Athabasca_Rail_at_Brule_Lake.jpg"
49                    data-title="Athabasca Rail"
50                    data-description="The Athabasca River railroad track at the mouth of Brulé Lake in Alberta, Canada."
51                >
52            </a>
53            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/1/1f/Back-scattering_crepuscular_rays_panorama_1.jpg/1280px-Back-scattering_crepuscular_rays_panorama_1.jpg">
54                <img 
55                    src="http://upload.wikimedia.org/wikipedia/commons/thumb/1/1f/Back-scattering_crepuscular_rays_panorama_1.jpg/100px-Back-scattering_crepuscular_rays_panorama_1.jpg",
56                    data-big="http://upload.wikimedia.org/wikipedia/commons/thumb/1/1f/Back-scattering_crepuscular_rays_panorama_1.jpg/1400px-Back-scattering_crepuscular_rays_panorama_1.jpg"
57                    data-title="Back-scattering crepuscular rays"
58                    data-description="Picture of the day on Wikimedia Commons 26 September 2010."
59                >
60            </a>
61            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/7/75/Interior_convento_3.jpg/800px-Interior_convento_3.jpg">
62                <img 
63                    src="http://upload.wikimedia.org/wikipedia/commons/thumb/7/75/Interior_convento_3.jpg/120px-Interior_convento_3.jpg",
64                    data-big="http://upload.wikimedia.org/wikipedia/commons/thumb/7/75/Interior_convento_3.jpg/1400px-Interior_convento_3.jpg"
65                    data-title="Interior convento"
66                    data-description="Interior view of Yuriria Convent, founded in 1550."
67                >
68            </a>
69            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/6/6b/Oxbow_Bend_outlook_in_the_Grand_Teton_National_Park.jpg/800px-Oxbow_Bend_outlook_in_the_Grand_Teton_National_Park.jpg">
70                <img 
71                    src="http://upload.wikimedia.org/wikipedia/commons/thumb/6/6b/Oxbow_Bend_outlook_in_the_Grand_Teton_National_Park.jpg/100px-Oxbow_Bend_outlook_in_the_Grand_Teton_National_Park.jpg",
72                    data-big="http://upload.wikimedia.org/wikipedia/commons/thumb/6/6b/Oxbow_Bend_outlook_in_the_Grand_Teton_National_Park.jpg/1280px-Oxbow_Bend_outlook_in_the_Grand_Teton_National_Park.jpg"
73                    data-title="Oxbow Bend outlook"
74                    data-description="View over the Snake River to the Mount Moran with the Skillet Glacier."
75                >
76            </a>
77            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/c/c9/Hazy_blue_hour_in_Grand_Canyon.JPG/800px-Hazy_blue_hour_in_Grand_Canyon.JPG">
78                <img 
79                    src="http://upload.wikimedia.org/wikipedia/commons/thumb/c/c9/Hazy_blue_hour_in_Grand_Canyon.JPG/100px-Hazy_blue_hour_in_Grand_Canyon.JPG",
80                    data-big="http://upload.wikimedia.org/wikipedia/commons/thumb/c/c9/Hazy_blue_hour_in_Grand_Canyon.JPG/1280px-Hazy_blue_hour_in_Grand_Canyon.JPG"
81                    data-title="Hazy blue hour"
82                    data-description="Hazy blue hour in Grand Canyon. View from the South Rim."
83                >
84            </a>
85            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/f/f4/2909_vallon_moy_res.jpg/800px-2909_vallon_moy_res.jpg">
86                <img 
87                    src="http://upload.wikimedia.org/wikipedia/commons/thumb/f/f4/2909_vallon_moy_res.jpg/100px-2909_vallon_moy_res.jpg",
88                    data-big="http://upload.wikimedia.org/wikipedia/commons/thumb/f/f4/2909_vallon_moy_res.jpg/1280px-2909_vallon_moy_res.jpg"
89                    data-title="Haute Severaisse valley"
90                    data-description="View of Haute Severaisse valley and surrounding summits from the slopes of Les Vernets."
91                >
92            </a>
93            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/4/46/Bohinjsko_jezero_2.jpg/800px-Bohinjsko_jezero_2.jpg">
94                <img 
95                    src="http://upload.wikimedia.org/wikipedia/commons/thumb/4/46/Bohinjsko_jezero_2.jpg/100px-Bohinjsko_jezero_2.jpg",
96                    data-big="http://upload.wikimedia.org/wikipedia/commons/thumb/4/46/Bohinjsko_jezero_2.jpg/1280px-Bohinjsko_jezero_2.jpg"
97                    data-title="Bohinj lake"
98                    data-description="Bohinj lake (Triglav National Park, Slovenia) in the morning."
99                >
100            </a>
101            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/3/32/Bowling_Balls_Beach_2_edit.jpg/800px-Bowling_Balls_Beach_2_edit.jpg">
102                <img 
103                    src="http://upload.wikimedia.org/wikipedia/commons/thumb/3/32/Bowling_Balls_Beach_2_edit.jpg/100px-Bowling_Balls_Beach_2_edit.jpg",
104                    data-big="http://upload.wikimedia.org/wikipedia/commons/thumb/3/32/Bowling_Balls_Beach_2_edit.jpg/1280px-Bowling_Balls_Beach_2_edit.jpg"
105                    data-title="Bowling Balls"
106                    data-description="Mendocino county, California, USA."
107                >
108            </a>
109        </div>
110
111        <p class="cred">Made by <a href="http://galleria.aino.se">Galleria</a>.</p>
112    </div>
113
114    <script>
115
116    // Load the classic theme
117    Galleria.loadTheme('galleria.classic.min.js');
118
119    // Initialize Galleria
120    Galleria.run('#galleria');
121
122    </script>
123    </body>
124</html>
Note: See TracBrowser for help on using the repository browser.