jueves, 10 de enero de 2013

Galería creada con javascript

En la sección diario (que inicialmente se llamaba anécdotas) he creado una galería de fotos con javascript. 
Debido al jaleo de estos últimos dias con diversos trabajos y exámenes esta sección me ha quedado un poco coja en comparación a como me la imaginaba yo inicialmente, pero cuando pasen los examenes ya con tranquilidad le dedicaré tiempo para hacerla más atractiva.

Aqui muestro como queda la sección diario con ambos estilos:




 
 Tras diversas búsquedas por internet para encontrar un codigo adecuado con el que crear una galería de fotos finalmente encontré uno asequible y con un resultado el cual me gustaba dentro de mi web.

Dentro de head se crea un script en el cual lo primero que se hace es crear dos arrays, uno de ellos para las fotos y otro para las frases que van a ir colocadas a pie de foto: 



 A continuacíon dentro del script coloco el código que se va a encargar de seleccionar la foto y frase anterior ó siguiente a la que estemos viendo según el boton que se pulse (queda bien explicado en los comentarios del puestos en el código):


 Por último y ya dentro del body coloco la parte del codigo con la que vamos a llamar al script contenida en etiquetas div para la creación de su estilo después en el css:


 En este último trozo de código se incluye la foto y la frase que querramos que aparezcan primero cuando entremos a la sección.

No hay comentarios:

Publicar un comentario