Примеры скриптов на языке JavaScript, Изменение картинки

Изменение картинки

В данном примере для этого используется свойство images[ ] объекта Document.

<html>
<head>
</head>
<script language="JavaScript">

<!-- анализируется версия броузера:-->
browserName=navigator.appName;
browserVer=parseInt(navigator.appVersion);
if (browserName=="Netscape"&& browserVer > = 3)
version="n3";
else version="n2";

if (version=="n3") {
graph1green=new Image(20,20);
graph1green.src="lgcit.gif";
graph1red=new Image(20,20);
graph1red.src="logo.gif";
}
function graphON(graphName) {
if (version=="n3") {
green_red=eval(graphName + "green.src");
document.images[graphName].src=green_red;
}
}
function graphOFF(graphName) {
if (version=="n3") {
red_green=eval(graphName + "red.src");
document.images[graphName].src=red_green;
}
}
</script>
<body bgcolor=ffffff>
<a href="http://www.cit-forum.com"
onMouseOver="graphON('graph1')"
onMouseOut="graphOFF('graph1')">
<img src="logo.gif" name= "graph1"
border=0></a>
</body>
</html>

В предыдущем примере изменение происходило при попадании курсора мыши в область картинки и при выходе курсора из нее. В данном примере это организовано в цикле для двух картинок с использованием метода setTimeout.
Работает только в Netscape Navigator 3.0 и выше!

<html>
<head>
<title>Баннер</title>
</head>
<script language="JavaScript">
i=0;
img_a=new Array()
img_h=new Array()
img_a[0]=new Image()
img_a[1]=new Image()
img_a[0].src="logo.gif"
img_a[1].src="lgcit.gif"

function img_b()
{
document.images[0].src=img_a[i].src
document.images[0].src=
img_a[i].src
i++if(i>1) i=0;
setTimeout("img_b()", 2000)
}

</SCRIPT>
</head>
<body bgcolor= "#ffffff"onLoad=
img_b()> <imgsrc=
"logo.gif"></body></html>

Изменение картинки при загрузке документа в зависимости от текущего времени осуществляется с использованием объекта Date.
Работает во всех броузерах, поддерживающих JavaScript.

<html>
<head>
<title>Баннер</title>
</head>
<script language="JavaScript">

function ban()
{
j=(new Date()).getSeconds()%2
this[0]="logo.gif"
this[2]=
"lgcit.gif" document.write("<imgsrc=

",this[2*j],">") return ("
 
");

}
</script>
</head> <bodybgcolor=
"#ffffff">
<SCRIPT>
document.write(ban())
</SCRIPT></body></html>