Galeria con efectos

Solo disponible en BuenasTareas
  • Páginas : 4 (811 palabras )
  • Descarga(s) : 0
  • Publicado : 14 de septiembre de 2012
Leer documento completo
Vista previa del texto
INTRODUCCION

jQuery es una biblioteca de JavaScript, creada inicialmente por John Resig, que permite simplificar la manera de interactuar con los documentos HTML, manipular el árbol DOM, manejareventos, desarrollar animaciones y agregar interacción con la técnica AJAX a páginas web. Fue presentada el 14 de enero de 2006 en el BarCamp NYC.
jQuery es software libre y de código abierto, poseeun doble licenciamiento bajo la Licencia MIT y la Licencia Pública General de GNU v2, permitiendo su uso en proyectos libres y privativos.1 jQuery, al igual que otras bibliotecas, ofrece una serie defuncionalidades basadas en JavaScript que de otra manera requerirían de mucho más código, es decir, con las funciones propias de esta biblioteca se logran grandes resultados en menos tiempo y espacio.Las empresas Microsoft y Nokia anunciaron que incluirán la biblioteca en sus plataformas.2 Microsoft la añadirá en su IDE Visual Studio3 y la usará junto con los frameworks ASP.NET AJAX y ASP.NETMVC, mientras que Nokia los integrará con su plataforma Web Run-Time.

DESARROLLO

He elegido estas herramientas por su facil integracion entre ellas y los diversos usos y efectos que se puedendesarrollar en JQuery.

Empezando por las paginas HTML, donde se encajan las paginas js y css.
Inicialmente las paginas HTML solamente contendran el contenido de la galleria de imagines y las cabecerasintegrando la hoja de estilos y las paginas en .js.




He elegido mostrar tres tipos diferentes de efectos. Agarrar y soltar, un simple efecto zoom interno y el efecto hacia fuera; por lo tantoson tres paginas html, lo que cambia en cada una, es la lista de imágenes que se integran y los atributos al momento de llamar a la función de cada respectivo efecto.
Como se tienen hojas confunciones (como se haría con un simple javascript), se llama con php dentro de aquello que queremos asignarle valor y retornarlo como variable global a la función.

$(document).ready(function() {...
tracking img