Team:Imperial College London/Gallery

From 2009.igem.org

(Difference between revisions)
Line 38: Line 38:
-->
-->
<div class="highslide-gallery">
<div class="highslide-gallery">
-
 
-
<!--
 
-
4) This is how you mark up the thumbnail image with an anchor tag around it.
 
-
The anchor's href attribute defines the URL of the full-size image.
 
-
-->
 
<a href="http://charlesfracchia.com/igemWiki/images/1.JPG" width="30%" class="highslide" onclick="return hs.expand(this)">
<a href="http://charlesfracchia.com/igemWiki/images/1.JPG" width="30%" class="highslide" onclick="return hs.expand(this)">
<img src="http://charlesfracchia.com/igemWiki/images/1.JPG" alt="" title="Click to enlarge" width="15%" />
<img src="http://charlesfracchia.com/igemWiki/images/1.JPG" alt="" title="Click to enlarge" width="15%" />
</a>
</a>
 +
<div class="highslide-caption">
 +
Caption for the first image.
 +
</div>
-
<!--
 
-
5 (optional). This is how you mark up the caption. The correct class name is important.
 
-
-->
 
 +
<a href="http://charlesfracchia.com/igemWiki/images/2.JPG" width="30%" class="highslide" onclick="return hs.expand(this)">
 +
<img src="http://charlesfracchia.com/igemWiki/images/2.JPG" alt="" title="Click to enlarge" width="15%" />
 +
</a>
<div class="highslide-caption">
<div class="highslide-caption">
Caption for the first image.
Caption for the first image.
</div>
</div>
 +
<a href="http://charlesfracchia.com/igemWiki/images/3.JPG" width="30%" class="highslide" onclick="return hs.expand(this)">
 +
<img src="http://charlesfracchia.com/igemWiki/images/3.JPG" alt="" title="Click to enlarge" width="15%" />
 +
</a>
 +
<div class="highslide-caption">
 +
Caption for the first image.
 +
</div>
-
<!-- Repetionion of the above -->
+
<a href="http://charlesfracchia.com/igemWiki/images/4.JPG" width="30%" class="highslide" onclick="return hs.expand(this)">
-
<a href="http://charlesfracchia.com/igemWiki/images/gallery2.jpg" class="highslide" onclick="return hs.expand(this)">
+
<img src="http://charlesfracchia.com/igemWiki/images/4.JPG" alt="" title="Click to enlarge" width="15%" />
-
<img src="http://charlesfracchia.com/igemWiki/images/gallery2.thumb.jpg" alt="Highslide JS"
+
</a>
-
title="Click to enlarge" /></a>
+
<div class="highslide-caption">
 +
Caption for the first image.
 +
</div>
 +
<a href="http://charlesfracchia.com/igemWiki/images/5.JPG" width="30%" class="highslide" onclick="return hs.expand(this)">
 +
<img src="http://charlesfracchia.com/igemWiki/images/5.JPG" alt="" title="Click to enlarge" width="15%" />
 +
</a>
<div class="highslide-caption">
<div class="highslide-caption">
-
Caption for the second image.
+
Caption for the first image.
</div>
</div>
-
<a href="http://charlesfracchia.com/igemWiki/images/gallery3.jpg" class="highslide" onclick="return hs.expand(this)">
+
<a href="http://charlesfracchia.com/igemWiki/images/6.JPG" width="30%" class="highslide" onclick="return hs.expand(this)">
-
<img src="http://charlesfracchia.com/igemWiki/images/gallery3.thumb.jpg" alt="Highslide JS"
+
<img src="http://charlesfracchia.com/igemWiki/images/6.JPG" alt="" title="Click to enlarge" width="15%" />
-
title="Click to enlarge" /></a>
+
</a>
 +
<div class="highslide-caption">
 +
Caption for the first image.
 +
</div>
 +
<a href="http://charlesfracchia.com/igemWiki/images/7.JPG" width="30%" class="highslide" onclick="return hs.expand(this)">
 +
<img src="http://charlesfracchia.com/igemWiki/images/7.JPG" alt="" title="Click to enlarge" width="15%" />
 +
</a>
<div class="highslide-caption">
<div class="highslide-caption">
-
Caption for the third image.
+
Caption for the first image.
 +
</div>
 +
 
 +
<a href="http://charlesfracchia.com/igemWiki/images/8.JPG" width="30%" class="highslide" onclick="return hs.expand(this)">
 +
<img src="http://charlesfracchia.com/igemWiki/images/8.JPG" alt="" title="Click to enlarge" width="15%" />
 +
</a>
 +
<div class="highslide-caption">
 +
Caption for the first image.
 +
</div>
 +
 
 +
<a href="http://charlesfracchia.com/igemWiki/images/9.JPG" width="30%" class="highslide" onclick="return hs.expand(this)">
 +
<img src="http://charlesfracchia.com/igemWiki/images/9.JPG" alt="" title="Click to enlarge" width="15%" />
 +
</a>
 +
<div class="highslide-caption">
 +
Caption for the first image.
 +
</div>
 +
 
 +
<a href="http://charlesfracchia.com/igemWiki/images/10.JPG" width="30%" class="highslide" onclick="return hs.expand(this)">
 +
<img src="http://charlesfracchia.com/igemWiki/images/10.JPG" alt="" title="Click to enlarge" width="15%" />
 +
</a>
 +
<div class="highslide-caption">
 +
Caption for the first image.
 +
</div>
 +
 
 +
<a href="http://charlesfracchia.com/igemWiki/images/11.JPG" width="30%" class="highslide" onclick="return hs.expand(this)">
 +
<img src="http://charlesfracchia.com/igemWiki/images/11.JPG" alt="" title="Click to enlarge" width="15%" />
 +
</a>
 +
<div class="highslide-caption">
 +
Caption for the first image.
</div>
</div>

Revision as of 15:15, 12 October 2009

Mr. Gene   Geneart   Clontech   Giant Microbes