Forums Últimos mensajes - Powered by IBM
 
Tags Palabras claves

Cómo abrir un enlace de una celda en otra distinta

11/05/2004 - 21:08 por randolf | Informe spam
Ayuda Hacer una pregunta
Hola

Estoy desarrollando una web en la que se muestra un album de fotos. La
estructura de la web es una tabla y a la izquierda se muestra la barra de
menús con miniaturas de las fotos; a la derecha, una celda en la que debería
abrirse una imagen según la miniatura que se seleccione. ¿Cómo podría hacer
esto? Con capas se hacerlo pero no con celdas; he probado con un Object pero
nada, debe ser que estoy haciendo algo mal o que se hace de otra forma.
Agradecería vuestra ayuda.

Un saludo
randolf
email Siga el debateRespuesta 3 respuestasRespuesta Tengo una respuesta
DRAGON AGE™: INQUISITION – Matadragones
 

Leer las respuestas

#1 rameltete
11/05/2004 - 22:15 | Informe spam
Hola:

Yo lo haría con javascript de la siguiente manera:
// BODY
1º Colocas en la celda que desees que muestre la imagen una etiqueta
img:

<img name="imagen" id="imagen" src="" width="100" height="100" />

2º En las imagenes de la izquierda les añades un vinculo que active una
funcion:

< a href="#" onclick="mostrar_Imagen('1');"><img name="miniatura1"
id="miniatura1" src="" width="100" height="100" /></a>

// HEAD
3º Ahora en creas la funcion para que cambie el src de "imagen" segun el
argumento que se le pase:

function mostrar_imagen() {
args = mostrar_imagen.arguments; // Recogemos el argumento
var src = args[0]; // Lo asignamos a una variable
/* Cambiamos el src del objeto imagen por el que aparece en esa posicion en
el array. Cuidado que los arrays cominezan a contar desde cero */
srcs = new Array ('','imagen1.jpg','imagen2.jpg');
/* Cambiamos el src del objeto imagen por el que aparece en esa posicion
en el array */
document.getElementById("imagen").src = srcs[src];
}

// El código sería este

<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
function mostrar_imagen() {
args = mostrar_imagen.arguments;
var src = args[0];
srcs = new Array ('','imagen1.jpg','imagen2.jpg');
document.getElementById("imagen").src = srcs[src];
}
</script>
</head>
<body>
<table width="47%">
<!--DWLayoutTable-->
<tr>
<td width="14%" height="50"><a href="#"
onClick="mostrar_imagen('1');"><img name="miniatura1" src="miniatura1.gif"
width="50" height="50" alt=""></a></td>
<td width="86%" rowspan="2"><div align="center"><img name="imagen"
id="imagen" src="" width="100" height="100" alt=""></div></td>
</tr>
<tr>
<td height="73"><a href="#" onClick="mostrar_imagen('2');"><img
name="miniatura2" src="miniatura2.gif" width="50" height="50"
alt=""></a></td>
</tr>
</table>
</body>
</html>

Espero que sea lo que necesitas y que te sirva.


Un saludo,
Rafael ;)

Preguntas similares

 

Busqueda sugerida :