|
Clever use of MultiGif images
|
Animatd GIF images are useful for illustration of dynamic processes. Too much
animated images, however, tend to make a web page confusing and uncomfortable
to read. The following JavaScript makes the molecule rotate only if the image
area is hit by the cursor.
|
|
<![CDATA[
<HTML>
<HEAD> <TITLE> Demo </TITLE> </HEAD>
<BODY BGCOLOR="#FFFFFF">
<script language="JavaScript">
<!--
if (parseInt(navigator.appVersion.substring(0,1))>=3)
{
m1on = new Image(135,100);
m1on.src = "./lectin_anim.gif";
m1off = new Image(135,100);
m1off.src = "./lectin_stil.gif";
}
function switchto(name, on) {
if (parseInt(navigator.appVersion.substring(0,1))>=3) {
image = eval(name + (on == 1 ? "on.src" : "off.src"));
if (image != "") {
document[name].src = image;
}
}
}
// -->
</script>
<center>
<a href="./lectin_anim.gif" onMouseOver="switchto('m1',1)" onMouseOut="switchto('m1',0)">
<img SRC="./lectin_stil.gif" border=0 name="m1">
</a>
</center>
</body>
</html>
]]>
|
|
|
<------ Move the cursor over the image area. |
Andreas Bohne
back to top
© 1997-2009 German Cancer Research Center Heidelberg, Central Spectroscopic Division, Im Neuenheimer Feld 280, 69120 Heidelberg, Germany
© 2010-2011 Justus-Liebig University Gießen, Institute of Biochemistry and Endocrinology, Frankfurter Str. 100, 35392 Gießen, Germany
All rights reserved.
