← Back to branch summary

~ubuntu-branches/ubuntu/utopic/jquery-goodies/utopic-proposed

« back to all changes in this revision

Viewing changes to galleriffic/minimal.html

  • Committer: Bazaar Package Importer
  • Author(s): Marcelo Jorge Vieira (metal)
  • Date: 2011-04-15 17:28:14 UTC
  • Revision ID: james.westby@ubuntu.com-20110415172814-kvs9sfnycn3o3hk6
Tags: upstream-3
Import upstream version 3

Show diffs side-by-side

added added

removed removed

Lines of Context:
galleriffic/minimal.html
 
1
<html>
 
2
        <head>
 
3
                <meta http-equiv="Content-type" content="text/html; charset=utf-8">
 
4
                <title>Galleriffic | Minimal Example</title>
 
5
                <link rel="stylesheet" href="css/basic.css" type="text/css" />
 
6
                <link rel="stylesheet" href="css/galleriffic.css" type="text/css" />
 
7
                <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
 
8
                <script type="text/javascript" src="js/jquery.galleriffic.js"></script>
 
9
        </head>
 
10
        <body>
 
11
                <div id="page">
 
12
                        <div id="container">
 
13
                                <h1><a href="index.html">Galleriffic</a> &raquo; Minimal Example</h1>
 
14
 
 
15
                                <!-- Start Minimal Gallery Html Containers -->
 
16
                                <div id="gallery" class="content">
 
17
                                        <div id="controls" class="controls"></div>
 
18
                                        <div id="slideshow" class="slideshow"></div>
 
19
                                </div>
 
20
                                <div id="thumbs-min" class="navigation">
 
21
                                        <ul class="thumbs noscript">
 
22
                                                <li>
 
23
                                                        <a class="thumb" href="http://farm4.static.flickr.com/3261/2538183196_8baf9a8015.jpg" title="Title #0">Title #0</a>
 
24
                                                </li>
 
25
 
 
26
                                                <li>
 
27
                                                        <a class="thumb" href="http://farm3.static.flickr.com/2404/2538171134_2f77bc00d9.jpg" title="Title #1">Title #1</a>
 
28
                                                </li>
 
29
 
 
30
                                                <li>
 
31
                                                        <a class="thumb" href="http://farm3.static.flickr.com/2093/2538168854_f75e408156.jpg" title="Title #2">Title #2</a>
 
32
                                                </li>
 
33
 
 
34
                                                <li>
 
35
                                                        <a class="thumb" href="http://farm4.static.flickr.com/3153/2538167690_c812461b7b.jpg" title="Title #3">Title #3</a>
 
36
                                                </li>
 
37
 
 
38
                                                <li>
 
39
                                                        <a class="thumb" href="http://farm4.static.flickr.com/3150/2538167224_0a6075dd18.jpg" title="Title #4">Title #4</a>
 
40
                                                </li>
 
41
 
 
42
                                                <li>
 
43
                                                        <a class="thumb" href="http://farm4.static.flickr.com/3204/2537348699_bfd38bd9fd.jpg" title="Title #5">Title #5</a>
 
44
                                                </li>
 
45
 
 
46
                                                <li>
 
47
                                                        <a class="thumb" href="http://farm4.static.flickr.com/3124/2538164582_b9d18f9d1b.jpg" title="Title #6">Title #6</a>
 
48
                                                </li>
 
49
 
 
50
                                                <li>
 
51
                                                        <a class="thumb" href="http://farm4.static.flickr.com/3205/2538164270_4369bbdd23.jpg" title="Title #7">Title #7</a>
 
52
                                                </li>
 
53
 
 
54
                                                <li>
 
55
                                                        <a class="thumb" href="http://farm4.static.flickr.com/3211/2538163540_c2026243d2.jpg" title="Title #8">Title #8</a>
 
56
                                                </li>
 
57
 
 
58
                                                <li>
 
59
                                                        <a class="thumb" href="http://farm3.static.flickr.com/2315/2537343449_f933be8036.jpg" title="Title #9">Title #9</a>
 
60
                                                </li>
 
61
 
 
62
                                                <li>
 
63
                                                        <a class="thumb" href="http://farm3.static.flickr.com/2167/2082738157_436d1eb280.jpg" title="Title #10">Title #10</a>
 
64
                                                </li>
 
65
 
 
66
                                                <li>
 
67
                                                        <a class="thumb" href="http://farm3.static.flickr.com/2342/2083508720_fa906f685e.jpg" title="Title #11">Title #11</a>
 
68
                                                </li>
 
69
 
 
70
                                                <li>
 
71
                                                        <a class="thumb" href="http://farm3.static.flickr.com/2132/2082721339_4b06f6abba.jpg" title="Title #12">Title #12</a>
 
72
                                                </li>
 
73
 
 
74
                                                <li>
 
75
                                                        <a class="thumb" href="http://farm3.static.flickr.com/2139/2083503622_5b17f16a60.jpg" title="Title #13">Title #13</a>
 
76
                                                </li>
 
77
 
 
78
                                                <li>
 
79
                                                        <a class="thumb" href="http://farm3.static.flickr.com/2041/2083498578_114e117aab.jpg" title="Title #14">Title #14</a>
 
80
                                                </li>
 
81
 
 
82
                                                <li>
 
83
                                                        <a class="thumb" href="http://farm3.static.flickr.com/2149/2082705341_afcdda0663.jpg" title="Title #15">Title #15</a>
 
84
                                                </li>
 
85
 
 
86
                                                <li>
 
87
                                                        <a class="thumb" href="http://farm3.static.flickr.com/2014/2083478274_26775114dc.jpg" title="Title #16">Title #16</a>
 
88
                                                </li>
 
89
 
 
90
                                                <li>
 
91
                                                        <a class="thumb" href="http://farm3.static.flickr.com/2194/2083464534_122e849241.jpg" title="Title #17">Title #17</a>
 
92
                                                </li>
 
93
 
 
94
                                                <li>
 
95
                                                        <a class="thumb" href="http://farm4.static.flickr.com/3127/2538173236_b704e7622e.jpg" title="Title #18">Title #18</a>
 
96
                                                </li>
 
97
 
 
98
                                                <li>
 
99
                                                        <a class="thumb" href="http://farm3.static.flickr.com/2375/2538172432_3343a47341.jpg" title="Title #19">Title #19</a>
 
100
                                                </li>
 
101
 
 
102
                                                <li>
 
103
                                                        <a class="thumb" href="http://farm3.static.flickr.com/2353/2083476642_d00372b96f.jpg" title="Title #20">Title #20</a>
 
104
                                                </li>
 
105
 
 
106
                                                <li>
 
107
                                                        <a class="thumb" href="http://farm3.static.flickr.com/2201/1502907190_7b4a2a0e34.jpg" title="Title #21">Title #21</a>
 
108
                                                </li>
 
109
 
 
110
                                                <li>
 
111
                                                        <a class="thumb" href="http://farm2.static.flickr.com/1116/1380178473_fc640e097a.jpg" title="Title #22">Title #22</a>
 
112
                                                </li>
 
113
 
 
114
                                                <li>
 
115
                                                        <a class="thumb" href="http://farm2.static.flickr.com/1260/930424599_e75865c0d6.jpg" title="Title #23">Title #23</a>
 
116
                                                </li>
 
117
                                        </ul>
 
118
                                </div>
 
119
                                <!-- End Minimal Gallery Html Containers -->
 
120
                                <div style="clear: both;"></div>
 
121
                        </div>
 
122
                </div>
 
123
                <div id="footer">&copy; 2009 Trent Foley</div>
 
124
                <script type="text/javascript">
 
125
                        // We only want these styles applied when javascript is enabled
 
126
                        $('div.navigation').css({'width' : '300px', 'float' : 'left'});
 
127
                        $('div.content').css('display', 'block');
 
128
 
 
129
                        $(document).ready(function() {                          
 
130
                                // Initialize Minimal Galleriffic Gallery
 
131
                                $('#gallery').galleriffic('#thumbs-min', {
 
132
                                        imageContainerSel:      '#slideshow',
 
133
                                        controlsContainerSel:   '#controls'
 
134
                                });
 
135
                        });
 
136
                </script>
 
137
        </body>
 
138
</html>
 
 
b'\\ No newline at end of file'