Galería de fotos

Hola experto:
Mi problema es el siguiente tengo en mi página diferentes fotos pequeñas quiero que cuando le hagan clic este se habrá en otra ventana con la foto pero grande y que cuando le hagan clic en otra foto se habrá en esta misma ventana.
Ayúdenme sean lo más explícitos gracias...

1 respuesta

Respuesta
1
Pues así la cosa ya se complica.
Para hacer lo que quieres necesitarás programar un poco en PHP o ASP.
¿Sabes qué tipo de servidor utilizarás para albergar las páginas?
¿Dispones de algún servidor instalado para probar el código?
Ok bien eso es lo que quiero pero ahora quiero saber como hago para que esa ventana donde se cargaran todas las fotos tenga un diseño osea me refiero a un banner títulos textos y otros que yo quiera poner.
Gracias por tu tiempo.
Prueba lo siguiente.
Primero crearemos una función javascript que abrirá la ventana:
<script>
function abreventana(image) {
var miventana=window.open(image, 'ventana','width=310,height=400,left=400,top=0');
void(0);
miventana.focus();
}
</script>
Ahora en cada foto pequeña deberás poner un enlace similar a esto:
<a href="javascript:abreventana('imagen_grande1.jpg')">Imagen1</a>
De ese modo debería funcionarte.
Suerte y Saludos.
Si dispongo de servidor probé algunas cosas ya en php pero no se nada de php quisiera que me ayudes en eso ok. Gracias...
No es muy complicado.
Créate un archivo html con la página que albergará las fotos en grande (con el top, textos y todo lo que decías).
Luego renómbrala a imagen_grande.php
Ahora en el principio del archivo añade el siguiente código:
<?
$imagen=$_GET["imagen"];
?>
Ahora donde va la imagen reemplázala por:
<img src='imagenes/<?= $imagen; ?>'>
Evidentemente deberás poner bien la ruta de las imágenes.
Volvamos ahora a la función javascript del principio y haremos estos cambios:
<script>
function abreventana(image) {
var miventana=window.open('imagen_grande.php?imagen=' + image, 'ventana','width=310,height=400,left=400,top=0');
void(0);
miventana.focus();
}
</script>
Y con eso creo que ya estaría todo.
Pruébalo y me cuentas.
Gracias, eso es lo que quiero pero ahora dime tengo fotos de diferentes tamaños cual seria tu consejo o tu solución tengo tres tipos de tamaños de fotos como hago.
Gracias.
Pues lo ideal sería que hicieras la ventana adaptada a la imagen de tamaño más grande, de ese modo las otras las pones centradas en la ventana y no quedarán mal.
Eso sí, recuerda que en la página en PHP no debes fijar el tamaño de la imagen (quita la etiqueta width=".." y height="..")

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas