Team:Imperial College London/Gallery

From 2009.igem.org

(Difference between revisions)
Line 28: Line 28:
</script>
</script>
 +
 +
</head>
</head>
<body>
<body>
-
<div class="highslide-gallery" width="100%">
+
<!--
 +
3) Put the thumbnails inside a div for styling
 +
-->
 +
<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" class="highslide" onclick="return hs.expand(this)">
<a href="http://charlesfracchia.com/igemWiki/images/1.jpg" class="highslide" onclick="return hs.expand(this)">
-
<img src="http://charlesfracchia.com/igemWiki/images/1.jpg" alt="" title="Click to enlarge" width="25%" />
+
<img src="http://charlesfracchia.com/igemWiki/images/1.jpg" alt="Highslide JS"
 +
title="Click to enlarge" />
</a>
</a>
 +
 +
<!--
 +
5 (optional). This is how you mark up the caption. The correct class name is important.
 +
-->
<div class="highslide-caption">
<div class="highslide-caption">
Line 42: Line 56:
</div>
</div>
-
<a href="http://charlesfracchia.com/igemWiki/images/2.jpg" class="highslide" onclick="return hs.expand(this)">
+
 
-
<img src="http://charlesfracchia.com/igemWiki/images/2.jpg" alt="" title="Click to enlarge" width="25%" />
+
<!-- Repetionion of the above -->
-
</a>
+
<a href="http://charlesfracchia.com/igemWiki/images/gallery2.jpg" class="highslide" onclick="return hs.expand(this)">
 +
<img src="http://charlesfracchia.com/igemWiki/images/gallery2.thumb.jpg" alt="Highslide JS"
 +
title="Click to enlarge" /></a>
<div class="highslide-caption">
<div class="highslide-caption">
Line 50: Line 66:
</div>
</div>
-
<a href="http://charlesfracchia.com/igemWiki/images/3.jpg" class="highslide" onclick="return hs.expand(this)">
+
<a href="http://charlesfracchia.com/igemWiki/images/gallery3.jpg" class="highslide" onclick="return hs.expand(this)">
-
<img src="http://charlesfracchia.com/igemWiki/images/3.jpg" alt="" title="Click to enlarge" width="25%" />
+
<img src="http://charlesfracchia.com/igemWiki/images/gallery3.thumb.jpg" alt="Highslide JS"
-
</a>
+
title="Click to enlarge" /></a>
<div class="highslide-caption">
<div class="highslide-caption">
Line 58: Line 74:
</div>
</div>
-
 
-
<a href="http://charlesfracchia.com/igemWiki/images/4.jpg" class="highslide" onclick="return hs.expand(this)">
 
-
<img src="http://charlesfracchia.com/igemWiki/images/4.jpg" alt="" title="Click to enlarge" width="25%" />
 
-
</a>
 
-
 
-
<div class="highslide-caption">
 
-
Caption for the first image.
 
-
</div>
 
-
 
-
<a href="http://charlesfracchia.com/igemWiki/images/5.jpg" class="highslide" onclick="return hs.expand(this)">
 
-
<img src="http://charlesfracchia.com/igemWiki/images/5.jpg" alt="" title="Click to enlarge" width="25%" />
 
-
</a>
 
-
 
-
<div class="highslide-caption">
 
-
Caption for the first image.
 
-
</div>
 
-
 
-
<a href="http://charlesfracchia.com/igemWiki/images/6.jpg" class="highslide" onclick="return hs.expand(this)">
 
-
<img src="http://charlesfracchia.com/igemWiki/images/6.jpg" alt="" title="Click to enlarge" width="25%" />
 
-
</a>
 
-
 
-
<div class="highslide-caption">
 
-
Caption for the first image.
 
-
</div>
 
-
 
-
<a href="http://charlesfracchia.com/igemWiki/images/7.jpg" class="highslide" onclick="return hs.expand(this)">
 
-
<img src="http://charlesfracchia.com/igemWiki/images/7.jpg" alt="" title="Click to enlarge" width="25%" />
 
-
</a>
 
-
 
-
<div class="highslide-caption">
 
-
Caption for the first image.
 
-
</div>
 
-
 
-
<a href="http://charlesfracchia.com/igemWiki/images/8.jpg" class="highslide" onclick="return hs.expand(this)">
 
-
<img src="http://charlesfracchia.com/igemWiki/images/8.jpg" alt="" title="Click to enlarge" width="25%" />
 
-
</a>
 
-
 
-
<div class="highslide-caption">
 
-
Caption for the first image.
 
-
</div>
 
-
 
-
<a href="http://charlesfracchia.com/igemWiki/images/9.jpg" class="highslide" onclick="return hs.expand(this)">
 
-
<img src="http://charlesfracchia.com/igemWiki/images/9.jpg" alt="" title="Click to enlarge" width="25%" />
 
-
</a>
 
-
 
-
<div class="highslide-caption">
 
-
Caption for the first image.
 
-
</div>
 
-
 
-
<a href="http://charlesfracchia.com/igemWiki/images/10.jpg" class="highslide" onclick="return hs.expand(this)">
 
-
<img src="http://charlesfracchia.com/igemWiki/images/10.jpg" alt="" title="Click to enlarge" width="25%" />
 
-
</a>
 
-
 
-
<div class="highslide-caption">
 
-
Caption for the first image.
 
-
</div>
 
-
 
-
<a href="http://charlesfracchia.com/igemWiki/images/11.jpg" class="highslide" onclick="return hs.expand(this)">
 
-
<img src="http://charlesfracchia.com/igemWiki/images/11.jpg" alt="" title="Click to enlarge" width="25%" />
 
-
</a>
 
</div>
</div>
</body>
</body>
</html>
</html>
{{Imperial/09/TemplateBottom}}
{{Imperial/09/TemplateBottom}}

Revision as of 14:48, 12 October 2009
Highslide JS
Caption for the first image.
Highslide JS
Caption for the second image.
Highslide JS
Caption for the third image.
Mr. Gene   Geneart   Clontech   Giant Microbes

Retrieved from "http://2009.igem.org/Team:Imperial_College_London/Gallery"