Foros del Web » Creando para Internet » HTML »

Minigaleria en Dreamweaver

Estas en el tema de Minigaleria en Dreamweaver en el foro de HTML en Foros del Web. Saludos, Tengo una duda a ver si podeis ayudarme. Tengo en una web, dentro de una tabla, 5 celdas con 5 imágenes pequeñas respectivamente (a ...
  #1 (permalink)  
Antiguo 18/03/2008, 09:49
 
Fecha de Ingreso: diciembre-2004
Mensajes: 33
Antigüedad: 13 años
Puntos: 0
Minigaleria en Dreamweaver

Saludos,

Tengo una duda a ver si podeis ayudarme. Tengo en una web, dentro de una tabla, 5 celdas con 5 imágenes pequeñas respectivamente (a modo de miniaturas) y en otra tabla una imagen grande. Quisiera que al clicar en las imagenes pequeñas la foto grande cambiase. No kisiera utilizar "el album de fotos" de dreamweaver, he provado con los comportamientos pero no me salgo. Sigo mirando por el foro pero no encuentro solución.


Alguien puede ayudarme?

Gracias.
  #2 (permalink)  
Antiguo 18/03/2008, 12:07
 
Fecha de Ingreso: diciembre-2004
Mensajes: 33
Antigüedad: 13 años
Puntos: 0
Re: Minigaleria en Dreamweaver

En vez de contestarme un tema k posiblemente ya se haya hablado podeis guiarme a un post k toke el tema, esk de verdad k no logro encontralo y es importante... :)

Gracias.
  #3 (permalink)  
Antiguo 18/03/2008, 16:28
 
Fecha de Ingreso: diciembre-2004
Mensajes: 33
Antigüedad: 13 años
Puntos: 0
Re: Minigaleria en Dreamweaver

Buscando, buscando encontre este link http://www.teamljubetic.cl/silverado.php como ejemplo de un usuario que esplica como hacer una galeria. Mi pregunta, y perdonad la inexperiencia, esk la extension es un php y busco k la web sea un html pork la pagina donde kiero colocar el script ya esta diseñada así.

A ver si alguien me echa un cable, por favor.


gracias.
  #4 (permalink)  
Antiguo 19/03/2008, 13:15
Avatar de saunier  
Fecha de Ingreso: octubre-2007
Mensajes: 38
Antigüedad: 10 años, 2 meses
Puntos: 0
Re: Minigaleria en Dreamweaver

A ver si te sirve el siguiente codigo utilizando javascript.
Cita:
<script language="javascript">
function imag(num){
var galeria=new Array("b1.jpg","b2.jpg","b3.jpg","b4.jpg");
document.imagen.src=galeria[num];
}</script>
Esta funcion se inserta en la cabecera del html. En el array b1.jpg, b2.jpg son los nombres de tus imagenes. En document.imagen, imagen debes sustituirlo por el nombre de la imagen donde se vera la imagen en tamaño grande.
En las imagenes en miniatura deberas poner dentro de la etiqueta img el codigo: onClick="imag(1)". Siendo 1 la posicion que ocupa el nombre de la miniatura dentro del array galeria.
Espero que te haya podido ayudar, perdona si no me he explicado bien si es asi no dudes en preguntar cualquier duda, Saludos.
  #5 (permalink)  
Antiguo 20/03/2008, 06:26
 
Fecha de Ingreso: diciembre-2004
Mensajes: 33
Antigüedad: 13 años
Puntos: 0
Re: Minigaleria en Dreamweaver

Muchas gracias. Antes de preguntarte nada voy a pelearme con el codigo este aver si lo consigo. ;)
  #6 (permalink)  
Antiguo 20/03/2008, 08:28
 
Fecha de Ingreso: diciembre-2004
Mensajes: 33
Antigüedad: 13 años
Puntos: 0
Re: Minigaleria en Dreamweaver

Ufff... no lo consigo.

Estoy probandolo desde cero. En un nuevo documento he colocado 3 fotos pequeñas abajo (principal1.jpg/pricipal2.jpg/principal3.jpg) y encima la foto grande que quiero ir intercambiando. Tengo las fotos grandes en una carpeta y las pequeñas en otra.

Si me pudieras decidme el codigo completo te lo agradeciaria muchisimo porque con mi conocimiento nulo de javascript no me sale nada.

Gracias.
  #7 (permalink)  
Antiguo 20/03/2008, 11:37
Avatar de saunier  
Fecha de Ingreso: octubre-2007
Mensajes: 38
Antigüedad: 10 años, 2 meses
Puntos: 0
Re: Minigaleria en Dreamweaver

Bueno no te dije que yo las fotos estaban en el mismo sitio que la pagina. Aqui te dejo el codigo:
Cita:
<html>
<head><title>IMAGEN</title>
<script language="javascript">
function imag(num){
var galeria=new Array("b1.jpg","b2.jpg","b3.jpg","b4.jpg");
document.imagen.src=galeria[num];

}
</script>
</head>
<body>
<table width="90%" align="center">
<tr><td><img src="b1.jpg" width="100" heigth="100" onclick="imag(0)"></td>
<td><img src="b2.jpg" width="100" height="100" onClick="imag(1)"></td>
<td><img src="b3.jpg" width="100" height="100" onclick="imag(2)"></td>
<td><img src="b4.jpg" width="100" height="100" onclick="imag(3)"></td>
</tr>
</table><br><br>
<table width="90%" align="center">
<tr><td><img id="imagen"></td></tr></table>
</body>
</html>
Aparte yo he utilizado las mismas imagenes para las miniaturas que para la grande simplemente les he puesto el tamaño de 100x100. Si como dices tienes las imagenes en carpetas deberas poner en la instruccion: document.imagen.src=galeria[num], por document.imagen.src="ruta"+galeria[num], siendo ruta donde se encuentran las imagenes.
Un saludo y ya me diras si finalmente te sirve.
  #8 (permalink)  
Antiguo 20/03/2008, 13:26
 
Fecha de Ingreso: diciembre-2004
Mensajes: 33
Antigüedad: 13 años
Puntos: 0
Re: Minigaleria en Dreamweaver

Muchas gracias saunier, ahora mismo me pongo y ya te explicare.
  #9 (permalink)  
Antiguo 20/03/2008, 13:47
 
Fecha de Ingreso: diciembre-2004
Mensajes: 33
Antigüedad: 13 años
Puntos: 0
Re: Minigaleria en Dreamweaver

Ok, slucionado muchas gracia. :))

Última edición por Resaka; 20/03/2008 a las 14:46
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




La zona horaria es GMT -6. Ahora son las 06:05.