Team:SydneyUni Australia/Team

From 2013.igem.org

(Difference between revisions)
Line 53: Line 53:
<html>
<html>
-
<div id="gallery" class="content">
+
<div id="page">
 +
<div id="container">
 +
<h1><a href="index.html">Galleriffic</a></h1>
 +
<h2>Thumbnail rollover effects and slideshow crossfades</h2>
 +
 
 +
<!-- Start Advanced Gallery Html Containers -->
 +
<div id="gallery" class="content">
<div id="controls" class="controls"></div>
<div id="controls" class="controls"></div>
<div class="slideshow-container">
<div class="slideshow-container">
Line 60: Line 66:
</div>
</div>
<div id="caption" class="caption-container"></div>
<div id="caption" class="caption-container"></div>
-
</div>
+
</div>
-
<div id="thumbs" class="navigation">
+
<div id="thumbs" class="navigation">
<ul class="thumbs noscript">
<ul class="thumbs noscript">
<li>
<li>
Line 84: Line 90:
</div>
</div>
</li>
</li>
-
</ul>
 
-
</div>
 
 +
<li>
 +
<a class="thumb" name="bigleaf" href="http://farm3.static.flickr.com/2093/2538168854_f75e408156.jpg" title="Title #2">
 +
<img src="http://farm3.static.flickr.com/2093/2538168854_f75e408156_s.jpg" alt="Title #2" />
 +
</a>
 +
<div class="caption">
 +
<div class="download">
 +
<a href="http://farm3.static.flickr.com/2093/2538168854_f75e408156_b.jpg">Download Original</a>
 +
</div>
 +
<div class="image-title">Title #2</div>
 +
<div class="image-desc">Description</div>
 +
</div>
 +
</li>
 +
 +
<li>
 +
<a class="thumb" name="lizard" href="http://farm4.static.flickr.com/3153/2538167690_c812461b7b.jpg" title="Title #3">
 +
<img src="http://farm4.static.flickr.com/3153/2538167690_c812461b7b_s.jpg" alt="Title #3" />
 +
</a>
 +
<div class="caption">
 +
<div class="download">
 +
<a href="http://farm4.static.flickr.com/3153/2538167690_c812461b7b_b.jpg">Download Original</a>
 +
</div>
 +
<div class="image-title">Title #3</div>
 +
<div class="image-desc">Description</div>
 +
</div>
 +
</li>
 +
 +
<li>
 +
<a class="thumb" href="http://farm4.static.flickr.com/3150/2538167224_0a6075dd18.jpg" title="Title #4">
 +
<img src="http://farm4.static.flickr.com/3150/2538167224_0a6075dd18_s.jpg" alt="Title #4" />
 +
</a>
 +
<div class="caption">
 +
<div class="download">
 +
<a href="http://farm4.static.flickr.com/3150/2538167224_0a6075dd18_b.jpg">Download Original</a>
 +
</div>
 +
<div class="image-title">Title #4</div>
 +
<div class="image-desc">Description</div>
 +
</div>
 +
</li>
 +
 +
<li>
 +
<a class="thumb" href="http://farm4.static.flickr.com/3204/2537348699_bfd38bd9fd.jpg" title="Title #5">
 +
<img src="http://farm4.static.flickr.com/3204/2537348699_bfd38bd9fd_s.jpg" alt="Title #5" />
 +
</a>
 +
<div class="caption">
 +
<div class="download">
 +
<a href="http://farm4.static.flickr.com/3204/2537348699_bfd38bd9fd_b.jpg">Download Original</a>
 +
</div>
 +
<div class="image-title">Title #5</div>
 +
<div class="image-desc">Description</div>
 +
</div>
 +
</li>
 +
 +
<li>
 +
<a class="thumb" href="http://farm4.static.flickr.com/3124/2538164582_b9d18f9d1b.jpg" title="Title #6">
 +
<img src="http://farm4.static.flickr.com/3124/2538164582_b9d18f9d1b_s.jpg" alt="Title #6" />
 +
</a>
 +
<div class="caption">
 +
<div class="download">
 +
<a href="http://farm4.static.flickr.com/3124/2538164582_b9d18f9d1b_b.jpg">Download Original</a>
 +
</div>
 +
<div class="image-title">Title #6</div>
 +
<div class="image-desc">Description</div>
 +
</div>
 +
</li>
 +
 +
<li>
 +
<a class="thumb" href="http://farm4.static.flickr.com/3205/2538164270_4369bbdd23.jpg" title="Title #7">
 +
<img src="http://farm4.static.flickr.com/3205/2538164270_4369bbdd23_s.jpg" alt="Title #7" />
 +
</a>
 +
<div class="caption">
 +
<div class="download">
 +
<a href="http://farm4.static.flickr.com/3205/2538164270_c7d1646ecf_o.jpg">Download Original</a>
 +
</div>
 +
<div class="image-title">Title #7</div>
 +
<div class="image-desc">Description</div>
 +
</div>
 +
</li>
 +
 +
<li>
 +
<a class="thumb" href="http://farm4.static.flickr.com/3211/2538163540_c2026243d2.jpg" title="Title #8">
 +
<img src="http://farm4.static.flickr.com/3211/2538163540_c2026243d2_s.jpg" alt="Title #8" />
 +
</a>
 +
<div class="caption">
 +
<div class="download">
 +
<a href="http://farm4.static.flickr.com/3211/2538163540_c2026243d2_b.jpg">Download Original</a>
 +
</div>
 +
<div class="image-title">Title #8</div>
 +
<div class="image-desc">Description</div>
 +
</div>
 +
</li>
 +
 +
<li>
 +
<a class="thumb" href="http://farm3.static.flickr.com/2315/2537343449_f933be8036.jpg" title="Title #9">
 +
<img src="http://farm3.static.flickr.com/2315/2537343449_f933be8036_s.jpg" alt="Title #9" />
 +
</a>
 +
<div class="caption">
 +
<div class="download">
 +
<a href="http://farm3.static.flickr.com/2315/2537343449_f933be8036_b.jpg">Download Original</a>
 +
</div>
 +
<div class="image-title">Title #9</div>
 +
<div class="image-desc">Description</div>
 +
</div>
 +
</li>
 +
 +
<li>
 +
<a class="thumb" href="http://farm3.static.flickr.com/2167/2082738157_436d1eb280.jpg" title="Title #10">
 +
<img src="http://farm3.static.flickr.com/2167/2082738157_436d1eb280_s.jpg" alt="Title #10" />
 +
</a>
 +
<div class="caption">
 +
<div class="download">
 +
<a href="http://farm3.static.flickr.com/2167/2082738157_436d1eb280_b.jpg">Download Original</a>
 +
</div>
 +
<div class="image-title">Title #10</div>
 +
<div class="image-desc">Description</div>
 +
</div>
 +
</li>
 +
 +
<li>
 +
<a class="thumb" href="http://farm3.static.flickr.com/2342/2083508720_fa906f685e.jpg" title="Title #11">
 +
<img src="http://farm3.static.flickr.com/2342/2083508720_fa906f685e_s.jpg" alt="Title #11" />
 +
</a>
 +
<div class="caption">
 +
<div class="download">
 +
<a href="http://farm3.static.flickr.com/2342/2083508720_fa906f685e_b.jpg">Download Original</a>
 +
</div>
 +
<div class="image-title">Title #11</div>
 +
<div class="image-desc">Description</div>
 +
</div>
 +
</li>
 +
 +
<li>
 +
<a class="thumb" href="http://farm3.static.flickr.com/2132/2082721339_4b06f6abba.jpg" title="Title #12">
 +
<img src="http://farm3.static.flickr.com/2132/2082721339_4b06f6abba_s.jpg" alt="Title #12" />
 +
</a>
 +
<div class="caption">
 +
<div class="download">
 +
<a href="http://farm3.static.flickr.com/2132/2082721339_4b06f6abba_b.jpg">Download Original</a>
 +
</div>
 +
<div class="image-title">Title #12</div>
 +
<div class="image-desc">Description</div>
 +
</div>
 +
</li>
 +
 +
<li>
 +
<a class="thumb" href="http://farm3.static.flickr.com/2139/2083503622_5b17f16a60.jpg" title="Title #13">
 +
<img src="http://farm3.static.flickr.com/2139/2083503622_5b17f16a60_s.jpg" alt="Title #13" />
 +
</a>
 +
<div class="caption">
 +
<div class="download">
 +
<a href="http://farm3.static.flickr.com/2139/2083503622_5b17f16a60_b.jpg">Download Original</a>
 +
</div>
 +
<div class="image-title">Title #13</div>
 +
<div class="image-desc">Description</div>
 +
</div>
 +
</li>
 +
 +
<li>
 +
<a class="thumb" href="http://farm3.static.flickr.com/2041/2083498578_114e117aab.jpg" title="Title #14">
 +
<img src="http://farm3.static.flickr.com/2041/2083498578_114e117aab_s.jpg" alt="Title #14" />
 +
</a>
 +
<div class="caption">
 +
<div class="download">
 +
<a href="http://farm3.static.flickr.com/2041/2083498578_114e117aab_b.jpg">Download Original</a>
 +
</div>
 +
<div class="image-title">Title #14</div>
 +
<div class="image-desc">Description</div>
 +
</div>
 +
</li>
 +
 +
<li>
 +
<a class="thumb" href="http://farm3.static.flickr.com/2149/2082705341_afcdda0663.jpg" title="Title #15">
 +
<img src="http://farm3.static.flickr.com/2149/2082705341_afcdda0663_s.jpg" alt="Title #15" />
 +
</a>
 +
<div class="caption">
 +
<div class="download">
 +
<a href="http://farm3.static.flickr.com/2149/2082705341_afcdda0663_b.jpg">Download Original</a>
 +
</div>
 +
<div class="image-title">Title #15</div>
 +
<div class="image-desc">Description</div>
 +
</div>
 +
</li>
 +
 +
<li>
 +
<a class="thumb" href="http://farm3.static.flickr.com/2014/2083478274_26775114dc.jpg" title="Title #16">
 +
<img src="http://farm3.static.flickr.com/2014/2083478274_26775114dc_s.jpg" alt="Title #16" />
 +
</a>
 +
<div class="caption">
 +
<div class="download">
 +
<a href="http://farm3.static.flickr.com/2014/2083478274_26775114dc_b.jpg">Download Original</a>
 +
</div>
 +
<div class="image-title">Title #16</div>
 +
<div class="image-desc">Description</div>
 +
</div>
 +
</li>
 +
 +
<li>
 +
<a class="thumb" href="http://farm3.static.flickr.com/2194/2083464534_122e849241.jpg" title="Title #17">
 +
<img src="http://farm3.static.flickr.com/2194/2083464534_122e849241_s.jpg" alt="Title #17" />
 +
</a>
 +
<div class="caption">
 +
<div class="download">
 +
<a href="http://farm3.static.flickr.com/2194/2083464534_122e849241_b.jpg">Download Original</a>
 +
</div>
 +
<div class="image-title">Title #17</div>
 +
<div class="image-desc">Description</div>
 +
</div>
 +
</li>
 +
 +
<li>
 +
<a class="thumb" href="http://farm4.static.flickr.com/3127/2538173236_b704e7622e.jpg" title="Title #18">
 +
<img src="http://farm4.static.flickr.com/3127/2538173236_b704e7622e_s.jpg" alt="Title #18" />
 +
</a>
 +
<div class="caption">
 +
<div class="download">
 +
<a href="http://farm4.static.flickr.com/3127/2538173236_b704e7622e_b.jpg">Download Original</a>
 +
</div>
 +
<div class="image-title">Title #18</div>
 +
<div class="image-desc">Description</div>
 +
</div>
 +
</li>
 +
 +
<li>
 +
<a class="thumb" href="http://farm3.static.flickr.com/2375/2538172432_3343a47341.jpg" title="Title #19">
 +
<img src="http://farm3.static.flickr.com/2375/2538172432_3343a47341_s.jpg" alt="Title #19" />
 +
</a>
 +
<div class="caption">
 +
<div class="download">
 +
<a href="http://farm3.static.flickr.com/2375/2538172432_3343a47341_b.jpg">Download Original</a>
 +
</div>
 +
<div class="image-title">Title #19</div>
 +
<div class="image-desc">Description</div>
 +
</div>
 +
</li>
 +
 +
<li>
 +
<a class="thumb" href="http://farm3.static.flickr.com/2353/2083476642_d00372b96f.jpg" title="Title #20">
 +
<img src="http://farm3.static.flickr.com/2353/2083476642_d00372b96f_s.jpg" alt="Title #20" />
 +
</a>
 +
<div class="caption">
 +
<div class="download">
 +
<a href="http://farm3.static.flickr.com/2353/2083476642_d00372b96f_b.jpg">Download Original</a>
 +
</div>
 +
<div class="image-title">Title #20</div>
 +
<div class="image-desc">Description</div>
 +
</div>
 +
</li>
 +
 +
<li>
 +
<a class="thumb" href="http://farm3.static.flickr.com/2201/1502907190_7b4a2a0e34.jpg" title="Title #21">
 +
<img src="http://farm3.static.flickr.com/2201/1502907190_7b4a2a0e34_s.jpg" alt="Title #21" />
 +
</a>
 +
<div class="caption">
 +
<div class="download">
 +
<a href="http://farm3.static.flickr.com/2201/1502907190_7b4a2a0e34_b.jpg">Download Original</a>
 +
</div>
 +
<div class="image-title">Title #21</div>
 +
<div class="image-desc">Description</div>
 +
</div>
 +
</li>
 +
 +
<li>
 +
<a class="thumb" href="http://farm2.static.flickr.com/1116/1380178473_fc640e097a.jpg" title="Title #22">
 +
<img src="http://farm2.static.flickr.com/1116/1380178473_fc640e097a_s.jpg" alt="Title #22" />
 +
</a>
 +
<div class="caption">
 +
<div class="download">
 +
<a href="http://farm2.static.flickr.com/1116/1380178473_fc640e097a_b.jpg">Download Original</a>
 +
</div>
 +
<div class="image-title">Title #22</div>
 +
<div class="image-desc">Description</div>
 +
</div>
 +
</li>
 +
 +
<li>
 +
<a class="thumb" href="http://farm2.static.flickr.com/1260/930424599_e75865c0d6.jpg" title="Title #23">
 +
<img src="http://farm2.static.flickr.com/1260/930424599_e75865c0d6_s.jpg" alt="Title #23" />
 +
</a>
 +
<div class="caption">
 +
<div class="download">
 +
<a href="http://farm2.static.flickr.com/1260/930424599_e75865c0d6_b.jpg">Download Original</a>
 +
</div>
 +
<div class="image-title">Title #23</div>
 +
<div class="image-desc">Description</div>
 +
</div>
 +
</li>
 +
</ul>
 +
</div>
 +
<div style="clear: both;"></div>
 +
</div>
 +
</div>
</html>
</html>

Revision as of 12:12, 26 September 2013


SydneyUniversity Top Banner.jpg SydneyUniversity Bottom Banner.jpg

Galleriffic

Thumbnail rollover effects and slideshow crossfades

Retrieved from "http://2013.igem.org/Team:SydneyUni_Australia/Team"