Arte

Definicion galeria de imagenes — Presentation Transcript
1. Definiciongaleria de imagenesPara definir la galería hay que crear un array de elementos "Foto", tal como sepuede ver en el fichero: fotos.js. Otro elemento importantísimo de la galería es la definición de la carpeta donde estarán las miniaturas. Pero también es importanteconsiderar si no se quiere crear cada miniatura, ya que si se dispone de soporte php y las librerías GD, se pueden generar las miniaturas de forma dinámica... Se puede ver unaimplementación de este script en el fichero: carpeta.js. Y si se dispone de soporte php + librerias GD + mini.php el script está implementado en este otro fichero: phpCarpeta.js.El fichero mini.php se puede encontrar comprimido en esta otra dirección: mini.zip
2. Galeria de imagenesLa galería de imágenes constará de una serie de imágenes enminiatura (thumbnails) alineadas en forma ordenada en dos columnas. Cuando se pasa el puntero por estas imágenes, aparece en un recuadro ubicado a la derecha de estas dos columnasla imagen ampliada. Para realizar esto, debemos emplear una etiqueta y uno de sus posibles valores, que para este ejemplo es fundamental
3. Desarrollo del ejemploComopueden apreciar, para que el tema quede más claro se han definido todos los atributos CSS que están relacionados con la galería en si misma, en un archivo CSS diferente(“galería.css”) del que contiene los atributos de los restantes componentes de la página, de forma que el tema pueda verse con mayor claridad
4. Podemos definir un estilo para la capade la galería, y redefinir la hoja de estilos de las diapositivas. En este caso se han re-definido los estilos para los marcos y el fondo de la capa de la siguiente manera