Team:Wash U/Pictures
From 2009.igem.org
(Difference between revisions)
Line 22: | Line 22: | ||
<html> | <html> | ||
- | + | <!-- TWO STEPS TO INSTALL IMAGE VIEWER: | |
- | + | ||
- | + | ||
- | <!-- | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | 1. Copy the coding into the HEAD of your HTML document | ||
+ | 2. Add the last code into the BODY of your HTML document --> | ||
+ | |||
+ | <!-- STEP ONE: Paste this code into the HEAD of your HTML document --> | ||
+ | |||
+ | <HEAD> | ||
+ | |||
+ | <SCRIPT LANGUAGE="JavaScript"> | ||
+ | |||
+ | <!-- This script and many more are available free online at --> | ||
+ | <!-- The JavaScript Source!! http://javascript.internet.com --> | ||
+ | |||
+ | <!-- Begin | ||
+ | |||
+ | function changeImage(filename) | ||
+ | { | ||
+ | mainimage.src = filename; | ||
+ | } | ||
+ | |||
+ | // End --> | ||
+ | </script> | ||
+ | |||
+ | </HEAD> | ||
+ | |||
+ | <!-- STEP TWO: Copy this code into the BODY of your HTML document --> | ||
+ | |||
+ | <BODY> | ||
+ | |||
+ | <p> | ||
+ | <a href="javascript:changeImage('image-viewer/image1.jpg')">Image 1</a> | ||
+ | <a href="javascript:changeImage('image-viewer/image2.jpg')">Image 2</a> | ||
+ | <a href="javascript:changeImage('image-viewer/image3.jpg')">Image 3</a> | ||
+ | <a href="javascript:changeImage('image-viewer/image4.jpg')">Image 4</a> | ||
+ | </p> | ||
+ | <p> | ||
+ | <img name="mainimage" src="image-viewer/blank.jpg"></p> | ||
+ | |||
+ | |||
+ | <p><center> | ||
+ | <font face="arial, helvetica" size"-2">Free JavaScripts provided<br> | ||
+ | by <a href="http://javascriptsource.com">The JavaScript Source</a></font> | ||
+ | </center><p> | ||
+ | |||
+ | <!-- Script Size: 1.14 KB --> | ||
+ | |||
+ | </html> | ||
{{WashUbottom}} | {{WashUbottom}} |
Revision as of 19:58, 19 June 2009