Team:Imperial College London/Gallery

From 2009.igem.org

(Difference between revisions)
Line 28: Line 28:
</script>
</script>
-
 
-
 
</head>
</head>
<body>
<body>
-
<!--
 
-
3) Put the thumbnails inside a div for styling
 
-
-->
 
<div class="highslide-gallery">
<div class="highslide-gallery">
-
<!--
+
<a href="http://charlesfracchia.com/igemWiki/images/1.jpg" class="highslide" onclick="return hs.expand(this)">
-
4) This is how you mark up the thumbnail image with an anchor tag around it.
+
<img src="http://charlesfracchia.com/igemWiki/images/1.jpg" alt="" title="Click to enlarge" width="25%" />
-
The anchor's href attribute defines the URL of the full-size image.
+
-
-->
+
-
<a href="http://charlesfracchia.com/igemWiki/images/gallery1.jpg" class="highslide" onclick="return hs.expand(this)">
+
-
<img src="http://charlesfracchia.com/igemWiki/images/gallery1.thumb.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 56: Line 42:
</div>
</div>
-
 
+
<a href="http://charlesfracchia.com/igemWiki/images/2.jpg" class="highslide" onclick="return hs.expand(this)">
-
<!-- Repetionion of the above -->
+
<img src="http://charlesfracchia.com/igemWiki/images/2.jpg" alt="" title="Click to enlarge" width="25%" />
-
<a href="http://charlesfracchia.com/igemWiki/images/gallery2.jpg" class="highslide" onclick="return hs.expand(this)">
+
</a>
-
<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 66: Line 50:
</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/3.jpg" 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/3.jpg" alt="" title="Click to enlarge" width="25%" />
-
title="Click to enlarge" /></a>
+
</a>
<div class="highslide-caption">
<div class="highslide-caption">
Line 74: Line 58:
</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:40, 12 October 2009
Caption for the first image.
Caption for the second image.
Caption for the third image.
Caption for the first image.
Caption for the first image.
Caption for the first image.
Caption for the first image.
Caption for the first image.
Caption for the first image.
Caption for the first image.
Mr. Gene   Geneart   Clontech   Giant Microbes

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