Mi objetivo es dar una posibilidad de que la gente pueda ver imagenes que quiza una persona no vio y le sirvieron para un trabajo de la escuela o para lo que necesite,que tenga a disposicion muchas imagenes para elegir y que pueda ver sin ningun problema.
Mi Proyecto es una Galeria de Imagenes, una pagina donde puedas ver imagenes que ya estan puestas o subir las que uno quiera. Las imagenes estan ordenadas por categorias de la pagina para que sea mas comodo ver las imagenes que tiene, ejemplo: hay una categoria para imagenes de fondo de pantalla, imagenes de autos, comida, etc. Utilizo Jquery con el efecto lightbox que hacer un recuadro mas grande para cada imagen, tambien utilizo elevatezoom que es un efecto de Jquery que sirve para hacer el zoom a las imagenes, utilizo bootstrap para la parte estetica de la pagina para que se vea mejor. Tambien tiene un recuadro de texto para buscar las imagenes que estan en la pagina por su nombre.
.
- En esta ventana esta la pagina sin hacerle click a nada se puede ver en la parte superior el boton Home que seria esta ventana. En la parte superior derecha se puede ver muchos botones para cambiar de color el fondo de la pagina y al lado de estos botones esta el cuadro de texto que sirve para buscar las imagenes de la pagina por su nombre.
- Arriba de todo en la ventana Home esta el boton para iniciar sesion con tu usuario.
- En la misma ventana Home se ven unas imagenes grandes como ejemplo de algunas imagenes de la pagina. Se puede pasar de una imagen a otra para ver mejor.
.
- Al final de la ventana Home se ven las imagenes principales de la pagina. Con su nombre abajo de cada imagen.
.
- Esta es la ventana que se abre cuando se da click a una imagen, se un recuadro de 1000x600px de la imagen clickeada. A la imagen se puede hacer zoom con un recuadro que se puede mover con el mouse y agrandar ese recuadro o achicarlo con la ruedita del mouse.
.
- Esta es la pagina Wallpaper que tiene las mismas funciones que la Pagina Home. Se pueden ver imagenes que tambien tienen zoom. Tiene un boton que te puede hacer volver a la pagina Home.
.
- Esta es la pagina Fotos de Autos, tiene las mismas funciones que la pagina Wallpaper. Tiene un boton que te puede hacer volver a la Pagina Home.
.
- Esta es la pagina Fotos de Comida, tiene las mismas funciones que la pagina Wallpaper. Tiene un boton que te puede hacer volver a la ventana Home.
.
- Esta es la pagina Gifs tiene las mismas funciones que la ventana Wallpaper. Tiene un boton que te puede hacer volver a la Pagina Home. En esta ventana no se puede hacer zoom a las imagenes.
.
- Esta es la ventana de busqueda, cuando escribis el nombre de una imagen en el recuadro de texto, aparecen imagenes que compartan el mismo nombre o uno parecido.
-
Jquery (https://jquery.com/): jQuery es una biblioteca multiplataforma de JavaScript, que permite simplificar la manera de interactuar con los documentos HTML.
-
Bootstrap (https://getbootstrap.com/): Bootstrap es un framework o conjunto de herramientas de Código abierto para diseño de sitios y aplicaciones web.
-
Lightbox (http://lokeshdhakar.com/projects/lightbox2/): Lightbox, y el más nuevo Lightbox 2, es una aplicación hecha en JavaScript usando el modelo de modal dialogs, En una página con Lightbox, al hacer clic en una imagen es ampliada en una ventana denominada, ventana Lightbox.
-
Elevatezoom (http://www.elevateweb.co.uk/image-zoom): Es una aplicacion hecha para javascript que permite hacer zoom a las imagenes con un recuadro que se mueve con el mouse.
-
Firebase (https://firebase.google.com/): Firebase es una plataforma para el desarrollo de aplicaciones web y aplicaciones móviles.