Team:Imperial College London/Gallery
From 2009.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
{{Imperial/09/TemplateTop}} | {{Imperial/09/TemplateTop}} | ||
+ | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "xhtml11.dtd"> | ||
<html> | <html> | ||
+ | <head> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
+ | |||
+ | <title>Highslide JS</title> | ||
+ | |||
<!-- | <!-- | ||
1 ) Reference to the files containing the JavaScript and CSS. | 1 ) Reference to the files containing the JavaScript and CSS. | ||
Line 6: | Line 12: | ||
--> | --> | ||
- | <script type="text/javascript" src="http:// | + | <script type="text/javascript" src="http://charlesfracchia.com/igemWiki/highslide/highslide-with-gallery.js"></script> |
- | <link rel="stylesheet" type="text/css" href="http:// | + | <link rel="stylesheet" type="text/css" href="http://charlesfracchia.com/igemWiki/highslide/highslide.css" /> |
<!-- | <!-- | ||
Line 15: | Line 21: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
- | hs.graphicsDir = 'http:// | + | hs.graphicsDir = 'http://charlesfracchia.com/igemWiki/highslide/graphics/'; |
hs.align = 'center'; | hs.align = 'center'; | ||
hs.transitions = ['expand', 'crossfade']; | hs.transitions = ['expand', 'crossfade']; | ||
Line 35: | Line 41: | ||
} | } | ||
}); | }); | ||
+ | |||
</script> | </script> | ||
+ | |||
+ | |||
+ | </head> | ||
+ | |||
+ | <body> | ||
<!-- | <!-- | ||
Line 46: | Line 58: | ||
The anchor's href attribute defines the URL of the full-size image. | The anchor's href attribute defines the URL of the full-size image. | ||
--> | --> | ||
- | <a href="http:// | + | <a href="http://charlesfracchia.com/igemWiki/images/gallery1.jpg" class="highslide" onclick="return hs.expand(this)"> |
- | <img src=". | + | <img src="http://charlesfracchia.com/igemWiki/images/gallery1.thumb.jpg" alt="Highslide JS" |
title="Click to enlarge" /> | title="Click to enlarge" /> | ||
</a> | </a> | ||
Line 61: | Line 73: | ||
<!-- Repetionion of the above --> | <!-- Repetionion of the above --> | ||
- | <a href="http:// | + | <a href="http://charlesfracchia.com/igemWiki/images/gallery2.jpg" class="highslide" onclick="return hs.expand(this)"> |
- | <img src="http:// | + | <img src="http://charlesfracchia.com/igemWiki/images/gallery2.thumb.jpg" alt="Highslide JS" |
title="Click to enlarge" /></a> | title="Click to enlarge" /></a> | ||
Line 69: | Line 81: | ||
</div> | </div> | ||
- | <a href="http:// | + | <a href="http://charlesfracchia.com/igemWiki/images/gallery3.jpg" class="highslide" onclick="return hs.expand(this)"> |
- | <img src="http:// | + | <img src="http://charlesfracchia.com/igemWiki/images/gallery3.thumb.jpg" alt="Highslide JS" |
title="Click to enlarge" /></a> | title="Click to enlarge" /></a> | ||
Line 78: | Line 90: | ||
</div> | </div> | ||
+ | </body> | ||
</html> | </html> | ||
{{Imperial/09/TemplateBottom}} | {{Imperial/09/TemplateBottom}} |
Revision as of 13:39, 10 October 2009
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "xhtml11.dtd">
Highslide JS