From 2009.igem.org
(Difference between revisions)
|
|
Line 21: |
Line 21: |
| <br> | | <br> |
| | | |
- | <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 20:26, 19 June 2009