Objectiu:
Fer que una imatge es sustitueixi per una altra. Analitzeu el codi:
<HTML>
<HEAD>
<TITLE>imatge de sustitució</TITLE>
<script language="javascript" type="text/javascript">
function canviar(ident,url) {
identificacio=ident;
antiga=document.getElementById(ident).src;
//les defineixo globalment per utilitzar-les
//per una altra funció externa,
//la que es diu restituir();
document.getElementById(ident).src=url;
//A l'atribut src de la img li donc
//com a valor el que valgui la url
//que li hem passat
}
function tornar() {
document.getElementById(identificacio).src=antiga;
}
</script>
</HEAD>
<BODY>
<img src="flor1.jpg" id="imatge1"
onmouseover="canviar('imatge1','flor2.jpg');"
onmouseout="tornar();">
<img src="flor2.jpg" id="imatge2"
onmouseover="canviar('imatge2','flor1.jpg');"
onmouseout="tornar();" hspace="10">
</BODY>
</HTML>
Entradas
0 comentarios:
Publicar un comentario