]>
Commit | Line | Data |
---|---|---|
1 | <html> | |
2 | <head> | |
3 | ||
4 | <script src="smooth/scripts/mootools-1.2.1-core-yc.js" type="text/javascript"></script> | |
5 | <script src="smooth/scripts/mootools-1.2-more.js" type="text/javascript"></script> | |
6 | <script src="smooth/scripts/jd.gallery.js" type="text/javascript"></script> | |
7 | ||
8 | <link rel="stylesheet" href="smooth/css/jd.gallery.css" type="text/css" media="screen" /> | |
9 | ||
10 | </head> | |
11 | <body> | |
12 | ||
13 | <script type="text/javascript"> | |
14 | function startGallery() { | |
15 | var myGallery = new gallery($('myGallery'), { | |
16 | timed: true | |
17 | }); | |
18 | } | |
19 | window.addEvent('domready', startGallery); | |
20 | </script> | |
21 | ||
22 | <div id="myGallery"> | |
23 | ||
24 | <div class="imageElement"> | |
25 | <h3>Item 1 Title</h3> | |
26 | <p>Item 1 Description</p> | |
27 | <a href="gallery-images/item-1/" title="open image" class="open"></a> | |
28 | ||
29 | <img src="http://smoothgallery.jondesign.net/assets/images/samples/77196_6784-gallery.jpg" class="full" alt="Item 1 Title" /> | |
30 | <img src="http://smoothgallery.jondesign.net/assets/images/samples/77196_6784-mini.jpg" class="thumbnail" alt="thumbnail of Item 1 Title" /> | |
31 | </div> | |
32 | ||
33 | <div class="imageElement"> | |
34 | <h3>Item 2 Title</h3> | |
35 | <p>Item 2 Description</p> | |
36 | <a href="gallery-images/item-1/" title="open image" class="open"></a> | |
37 | ||
38 | <img src="http://lh3.ggpht.com/_Pu5idg9RIVo/S1G0Krsr6iI/AAAAAAAAAB8/Hzl-tKkclmo/s640/IMG_0488.jpg" class="full" alt="Item 2 Title" /> | |
39 | <img src="http://lh3.ggpht.com/_Pu5idg9RIVo/S1G0Krsr6iI/AAAAAAAAAB8/Hzl-tKkclmo/s128/IMG_0488.jpg" class="thumbnail" alt="thumbnail of Item 2 Title" /> | |
40 | </div> | |
41 | ||
42 | <div class="imageElement"> | |
43 | <h3>Item 2 Title</h3> | |
44 | <p>Item 2 Description</p> | |
45 | <a href="gallery-images/item-1/" title="open image" class="open"></a> | |
46 | ||
47 | <img src="http://smoothgallery.jondesign.net/assets/images/samples/165392_5486-gallery.jpg" class="full" alt="Item 2 Title" /> | |
48 | <img src="http://smoothgallery.jondesign.net/assets/images/samples/165392_5486-mini.jpg" class="thumbnail" alt="thumbnail of Item 2 Title" /> | |
49 | </div> | |
50 | ||
51 | <div class="imageElement"> | |
52 | ||
53 | <h3>Item 3 Title</h3> | |
54 | <p>Item 3 Description</p> | |
55 | <a href="gallery-images/item-1/" title="open image" class="open"></a> | |
56 | ||
57 | <img src="http://smoothgallery.jondesign.net/assets/images/samples/83808_7948-gallery.jpg" class="full" alt="Item 3 Title" /> | |
58 | <img src="http://smoothgallery.jondesign.net/assets/images/samples/83808_7948-mini.jpg" class="thumbnail" alt="thumbnail of Item 3 Title" /> | |
59 | </div> | |
60 | </div> | |
61 | ||
62 | ||
63 | </body> | |
64 | ||
65 | </html> |