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