Foros del Web » Programando para Internet » Javascript »

cambiar de imagen

 Estas en el tema de cambiar de imagen en el foro de Javascript en Foros del Web. hola amigos encontre este script en este foro para cambiar una imagen despues de un click mi problema es como le haria para varias imagenes, ...
  #1 (permalink)  
Antiguo 05/10/2005, 17:36
Avatar de chalchis  
Fecha de Ingreso: julio-2003
Mensajes: 1.773
Antigüedad: 20 años, 9 meses
Puntos: 21
Pregunta cambiar de imagen
hola amigos encontre este script en este foro para cambiar una imagen despues de un click
mi problema es como le haria para varias imagenes, porque tengo una tabla que se forma dinamicamente con php
<script language="Javascript">

<!-- Creación de objeto imagen -->

imagen1=new Image
imagen1.src="Imagenes/dow.gif"
imagen2=new Image
imagen2.src="Imagenes/up.gif"

var i=1;

<!-- Función para cambiar la imagen -->

function cambiar()
{
if (i == 1)
{
document.images['ejemplo'].src=imagen2.src;
i=2;
}
else
{
document.images['ejemplo'].src=imagen1.src;
i=1;
}
}

</script>


<img src="Imagenes/dow.gif" name="ejemplo" width="16" height="16" style="cursor:hand" border="0" title="Mostrar registros" onclick="cambiar()">
__________________
gerardo
  #2 (permalink)  
Antiguo 05/10/2005, 17:45
Avatar de caricatos
Moderador
  
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Hola:

Puedes hacer un array de imágenes con un contador que se vaya incrementando...

var imagenes = new Array();
imagenes[0] = new Image();
imagenes[0].src="Imagenes/dow.gif";
imagenes[1] = new Image();
imagenes[1].src = "Imagenes/up.gif";
// aquí el resto de imágenes

var i = 0;

<!-- Función para cambiar la imagen -->

function cambiar()
{
document.images['ejemplo'].src=imagenes[++i % imagenes.length].src;
}

No lo he probado, pero en teoría (si no hay errores) tiene que funcionar.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 05/10/2005, 18:23
Avatar de chalchis  
Fecha de Ingreso: julio-2003
Mensajes: 1.773
Antigüedad: 20 años, 9 meses
Puntos: 21
Gracias por responde caricatos
Mira esto es lo que estoy haciendo y trato de ver como acomodar lo que me has dicho amigo

<html>
<head>
<script language="JavaScript" type="text/javascript">
var anterior="";

function resaltar(obj) {
if (anterior != obj)
obj.style.backgroundColor='#FFFFCC';
}

function normal(obj) {
if (anterior != obj)
obj.style.backgroundColor='#E1E8FF';
}

function marcar(obj) {
/* despinto la anterior */
if (anterior) anterior.style.backgroundColor='#E1E8FF';

obj.style.backgroundColor='#66FF00';
anterior = obj;
}



function cambio(cual,id)
{

if (document.getElementById(cual).style.display == 'none')
document.getElementById(cual).style.display = 'block'
//document.images[id].src=imagen2.src
else
document.getElementById(cual).style.display = 'none'
//document.images[id].src=imagen1.src
}

</script>

</head>
<body class="tabla" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">
<br>
<form name="formulario" method="POST" action="examen_terminar.php" onSubmit="return verificar(this)">
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="16">&nbsp;</td>
<td height="16">&nbsp;</td>
<td width="24">&nbsp;</td>
</tr>
<tr>
<td width="16" background="http://www.cuhm.mx/Imagen/Cuadro/cen_lef.gif">&nbsp;</td>
<td align="center" valign="middle" bgcolor="#FFFFFF">


<table width="477" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td bgcolor="#a3a28e"></td>
</tr>
<tr>
<td align="center" valign="middle">

<table width="477" border="0" align="center" cellspacing="0" cellpadding="0">
<tr>
<td>

</td>
</tr>
<tr>
<td bgcolor="#E1E8FF">
<table width="477" border="0" cellpadding="0" cellspacing="0">
<tr class="encabezadoslista">
<td width="34" class="header"><div align="left">No</div></td>
<td width="700" class="header"><div align="left">Pregunta</div></td>
<td width="92" class="header">Resultado</td>
<td width="40" class="header">&nbsp;</td>
</tr>
</table>
<div style="width:100%; overflow:auto;height:322px;">
<table width="455" border="0" cellpadding="2" cellspacing="0">
<tr class="encabezadoslista" onClick="marcar(this)" onMouseOver="resaltar(this)" onMouseOut="normal(this)"><td width="34" valign="top"><div align="left">1).-</div></td><td width="600" valign="top"><div align="left">¿Quien ganara el super tazon en el 2006?</div></td><td width="90" valign="top"><div align="center"><img src="../Imagen/Examen_gif/mala.gif" width="16" height="16" border="0"></div></td></tr><tr class="encabezadoslista" onClick="marcar(this)" onMouseOver="resaltar(this)" onMouseOut="normal(this)"><td width="34" valign="top"><div align="left">2).-</div></td><td width="600" valign="top"><div align="left">¿Quién dijo no es lo mismo de huevos de araña negra que arañame los huevos negra?</div></td><td width="90" valign="top"><div align="center"><img src="../Imagen/Examen_gif/mala.gif" width="16" height="16" border="0"></div></td></tr><tr class="encabezadoslista" onClick="marcar(this)" onMouseOver="resaltar(this)" onMouseOut="normal(this)"><td width="34" valign="top"><div align="left">3).-</div></td><td width="600" valign="top"><div align="left">¿Que significa NFL</div></td><td width="90" valign="top"><div align="center"><img src="../Imagen/Examen_gif/buena.gif" width="16" height="16" border="0"></div></td></tr><tr class="encabezadoslista" onClick="marcar(this)" onMouseOver="resaltar(this)" onMouseOut="normal(this)"><td width="34" valign="top"><div align="left">4).-</div></td><td width="600" valign="top"><div align="left">¿Descripe los pasos para mandar un mail?</div></td><td width="90" valign="top"><div align="center"><img src="../Imagen/Examen_gif/abajo.gif" name="ejemplo" width="16" height="16" border="0" onclick="cambio('Tester4');cambiar()" style="cursor:pointer"></div></td></tr><tr class="encabezadoslista"><td colspan="3" valign="top"><table width="100%" border="0" id="Tester4" style="display: none"><tr><td class="textonegro">Respuesta del docente</td></tr><tr><td><textarea name="txdocente" rows="6" class="selectx" cols="50" >1.-Abrir mail personal
2.-Escribir mensaje
3.-Especificar el mail del destinatario
4.-Mandar el mail
5.-Fin</textarea></td></tr><tr><td class="textonegro">Mi respuesta</td></tr><tr><td><textarea name="txalumno" rows="6" class="selectx" cols="50" >fkjghdfkghdfkg
dfgdfgdfgdfg
dfgdfgdfgdfg
dfgdfg</textarea></td></tr></table></td></tr><tr class="encabezadoslista" onClick="marcar(this)" onMouseOver="resaltar(this)" onMouseOut="normal(this)"><td width="34" valign="top"><div align="left">5).-</div></td><td width="600" valign="top"><div align="left">¿Quién descubrio America y en que año?</div></td><td width="90" valign="top"><div align="center"><img src="../Imagen/Examen_gif/abajo.gif" name="ejemplo" width="16" height="16" border="0" onclick="cambio('Tester5');cambiar()" style="cursor:pointer"></div></td></tr><tr class="encabezadoslista"><td colspan="3" valign="top"><table width="100%" border="0" id="Tester5" style="display: none"><tr><td class="textonegro">Respuesta del docente</td></tr><tr><td><textarea name="txdocente" rows="6" class="selectx" cols="50" >Cristobal Colón
en el año 1942</textarea></td></tr><tr><td class="textonegro">Mi respuesta</td></tr><tr><td><textarea name="txalumno" rows="6" class="selectx" cols="50" >Colón en 1942 pero segun dicen fue Magallanes el primero</textarea></td></tr></table></td></tr><tr class="encabezadoslista" onClick="marcar(this)" onMouseOver="resaltar(this)" onMouseOut="normal(this)"><td width="34" valign="top"><div align="left">6).-</div></td><td width="600" valign="top"><div align="left">¿Qué le dijo Fox a un Niño sobre ser Presidente de la republica Mexicana?</div></td><td width="90" valign="top"><div align="center"><img src="../Imagen/Examen_gif/buena.gif" width="16" height="16" border="0"></div></td></tr><tr class="encabezadoslista" onClick="marcar(this)" onMouseOver="resaltar(this)" onMouseOut="normal(this)"><td width="34" valign="top"><div align="left">7).-</div></td><td width="600" valign="top"><div align="left">¿Qué significa la UVA?</div></td><td width="90" valign="top"><div align="center"><img src="../Imagen/Examen_gif/abajo.gif" name="ejemplo" width="16" height="16" border="0" onclick="cambio('Tester7');cambiar()" style="cursor:pointer"></div></td></tr><tr class="encabezadoslista"><td colspan="3" valign="top"><table width="100%" border="0" id="Tester7" style="display: none"><tr><td class="textonegro">Respuesta del docente</td></tr><tr><td><textarea name="txdocente" rows="6" class="selectx" cols="50" >Viejas Arguenderas</textarea></td></tr><tr><td class="textonegro">Mi respuesta</td></tr><tr><td><textarea name="txalumno" rows="6" class="selectx" cols="50" >Union de viejas argüenderas</textarea></td></tr></table></td></tr><tr class="encabezadoslista" onClick="marcar(this)" onMouseOver="resaltar(this)" onMouseOut="normal(this)"><td width="34" valign="top"><div align="left">8).-</div></td><td width="600" valign="top"><div align="left">¿Define que es MKD para gamecube?</div></td><td width="90" valign="top"><div align="center"><img src="../Imagen/Examen_gif/abajo.gif" name="ejemplo" width="16" height="16" border="0" onclick="cambio('Tester8');cambiar()" style="cursor:pointer"></div></td></tr><tr class="encabezadoslista"><td colspan="3" valign="top"><table width="100%" border="0" id="Tester8" style="display: none"><tr><td class="textonegro">Respuesta del docente</td></tr><tr><td><textarea name="txdocente" rows="6" class="selectx" cols="50" >Mortal Kombat Deception</textarea></td></tr><tr><td class="textonegro">Mi respuesta</td></tr><tr><td><textarea name="txalumno" rows="6" class="selectx" cols="50" >Mortal Kombat Kombat</textarea></td></tr></table></td></tr></table>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<td bgcolor="#a3a28e" ></td>
</tr>
<tr class="encabezadoslista">
<td class="header">
<table width="256" border="0" cellpadding="0" cellspacing="0" align="center">
<tr class="encabezadoslista">
<td ><div align="center">
boton
</div></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="24" background="http://www.cuhm.mx/Imagen/Cuadro/cen_rig.gif">&nbsp;</td>
</tr>
<tr>
<td width="16" height="16">&nbsp;</td>
<td height="16">&nbsp;</td>
<td width="24" height="16">&nbsp;</td>
</tr>
</table>
</form>
</body>
</html>
__________________
gerardo
  #4 (permalink)  
Antiguo 06/10/2005, 09:21
Avatar de chalchis  
Fecha de Ingreso: julio-2003
Mensajes: 1.773
Antigüedad: 20 años, 9 meses
Puntos: 21
encontre esto
Hola caricatos mira esto
esto me sirvio

mucho, gracias por ayudar

http://www.forosdelweb.com/showthrea...cambiar+imagen
__________________
gerardo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 00:39.