vianeth pichica muñoz: Por medio de una tabla mostrar una imagen a la vez y cambiarla de acuerdo al checkbox utilizado.

martes, 13 de septiembre de 2011

Por medio de una tabla mostrar una imagen a la vez y cambiarla de acuerdo al checkbox utilizado.

<html>
<head>
<title>cambiar imagenes</title>
</head>
<body>

<SCRIPT LANGUAGE="JavaScript">
<!--

var imageNum = 1

image1 = new Image()
image1.src = "img/unchecked.gif"
image2 = new Image()
image2.src = "img/amistad.gif"

function cambiar(id)
{
    if ( imageNum == 1 )
    {
        document.getElementById('checkbox_'+id).src = image2.src
        imageNum = 2
    }
else
{
document.getElementById('checkbox_'+id).src = image1.src
imageNum = 1
}
}

//
</SCRIPT>
<table BORDER="5" WIDTH="10%" ALIGN="CENTER">
<tr>
<th width="180" align="center"><a href="Javascript:cambiar('1')""><img id="checkbox_1" name="checkbox_1" src="img/unchecked.gif" width="100" height="85" border="1"></a>
<br>
<a href="Javascript:cambiar('2')""><img id="checkbox_2" name="checkbox_2" src="img/amistad.gif" width="100" height="85" border="1"></a></th>
</tr>
</table>
</body>
</html>

vianeth pichica muñoz

martes, 13 de septiembre de 2011

Por medio de una tabla mostrar una imagen a la vez y cambiarla de acuerdo al checkbox utilizado.

No hay comentarios:

Publicar un comentario