Team:WITS-CSIR SA/Diary/Gallery
From 2011.igem.org
(Difference between revisions)
Line 39: | Line 39: | ||
background-color: #eeeeff; | background-color: #eeeeff; | ||
} | } | ||
+ | |||
+ | .galleria-container | ||
+ | { | ||
+ | background-color: #b8bcbf; | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8bcbf', endColorstr='#ffffff') !important; /* for IE */ | ||
+ | background: -webkit-gradient(linear, left top, left bottom, from(#b8bcbf), to(#ffffff)) !important; /* for webkit browsers */ | ||
+ | background: -moz-linear-gradient(top, #b8bcbf, #ffffff) !important; /* for firefox 3.6+ */ | ||
+ | } | ||
+ | #galleria{height:320px} | ||
</style> | </style> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
Line 50: | Line 59: | ||
<link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/css/theme/jquery-ui-1.8.14.custom.css?action=raw&ctype=text/css"> | <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/css/theme/jquery-ui-1.8.14.custom.css?action=raw&ctype=text/css"> | ||
<link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/css/liteaccordion.css?action=raw&ctype=text/css"> | <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/css/liteaccordion.css?action=raw&ctype=text/css"> | ||
+ | <link href="../css/galleria.classic.css" rel="stylesheet" type="text/css" /> | ||
<!-- Begin: Core --> | <!-- Begin: Core --> | ||
<script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery-1.5.1.min.js?action=raw&ctype=text/js"></script> | <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery-1.5.1.min.js?action=raw&ctype=text/js"></script> | ||
Line 65: | Line 75: | ||
<script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery.jlayout.js?action=raw&ctype=text/js"></script> | <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery.jlayout.js?action=raw&ctype=text/js"></script> | ||
<script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/liteaccordion.jquery.js?action=raw&ctype=text/js"></script> | <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/liteaccordion.jquery.js?action=raw&ctype=text/js"></script> | ||
+ | <script src="../js/galleria-1.2.5.min.js" type="text/javascript"></script> | ||
+ | <script src="../js/galleria.classic.min.js" type="text/javascript"></script> | ||
<!-- End: Library --> | <!-- End: Library --> | ||
<!-- Begin: Custom --> | <!-- Begin: Custom --> | ||
Line 108: | Line 120: | ||
<div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'center'"> | <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'center'"> | ||
<div style="height: 100%; overflow-y: auto;"> | <div style="height: 100%; overflow-y: auto;"> | ||
+ | <div id="galleria"> | ||
+ | <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/3/34/Locomotives-Roundhouse2.jpg/800px-Locomotives-Roundhouse2.jpg"> | ||
+ | <img title="Locomotives Roundhouse" alt="Steam locomotives of the Chicago & North Western Railway." | ||
+ | src="http://upload.wikimedia.org/wikipedia/commons/thumb/3/34/Locomotives-Roundhouse2.jpg/100px-Locomotives-Roundhouse2.jpg"> | ||
+ | </a><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"> | ||
+ | <img title="Icebergs in the High Arctic" alt="”The debris loading isn't particularly extensive, but the color is usual.”" | ||
+ | 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"> | ||
+ | </a><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"> | ||
+ | <img title="Araña" alt="Xysticus cristatus, A Estrada, Galicia, Spain" 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"> | ||
+ | </a><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"> | ||
+ | <img title="Museo storia naturale" 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"> | ||
+ | </a><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"> | ||
+ | <img title="Grjótagjá caves in summer 2009" 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"> | ||
+ | </a><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"> | ||
+ | <img title="Thermes" alt="Xanthi hot-spa springs, Xanthi Prefecture, Greece" 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"> | ||
+ | </a><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"> | ||
+ | <img title="Polish Army Kołobrzeg" 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”" | ||
+ | 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"> | ||
+ | </a><a href="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/20100213_Zlatograd_Bulgaria_3.jpg/1024px-20100213_Zlatograd_Bulgaria_3.jpg"> | ||
+ | <img title="Zlatograd Bulgaria" src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/20100213_Zlatograd_Bulgaria_3.jpg/100px-20100213_Zlatograd_Bulgaria_3.jpg"> | ||
+ | </a><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"> | ||
+ | <img title="09-28-2001 in New York City" 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" | ||
+ | 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"> | ||
+ | </a><a href="http://upload.wikimedia.org/wikipedia/commons/thumb/e/e6/Antennae%2C_Hubble_images.jpg/1024px-Antennae%2C_Hubble_images.jpg"> | ||
+ | <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/e/e6/Antennae%2C_Hubble_images.jpg/100px-Antennae%2C_Hubble_images.jpg"> | ||
+ | </a> | ||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
Line 147: | Line 186: | ||
dojo.parser.parse(); | dojo.parser.parse(); | ||
+ | $('#galleria').galleria(); | ||
}); | }); | ||
</script> | </script> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 11:51, 17 September 2011
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">