18/03/2008, 08:49
| |||
| |||
| 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. |
|
18/03/2008, 11:07
| |||
| |||
| 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. |
|
18/03/2008, 15:28
| |||
| |||
| 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. |
|
19/03/2008, 12:15
| ||||
| ||||
| Re: Minigaleria en Dreamweaver A ver si te sirve el siguiente codigo utilizando javascript. Cita: 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.<script language="javascript"> function imag(num){ var galeria=new Array("b1.jpg","b2.jpg","b3.jpg","b4.jpg"); document.imagen.src=galeria[num]; }</script> 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. |
|
20/03/2008, 07:28
| |||
| |||
| 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. |
|
20/03/2008, 10:37
| ||||
| ||||
| 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: 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.<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> Un saludo y ya me diras si finalmente te sirve. |
