Archivo

Entradas Etiquetadas ‘Orbit’

Slider avanzado de imágenes en jQuery con Orbit

Jueves, 23 de Septiembre de 2010


Una vez visto cómo crear de manera muy sencilla y rápida un slider de imágenes en jQuery con Orbit, pasaré a profundizar en el tema para personalizar ese slider. Recordad que podéis ver el resultado del slider en la página de pruebas que hice.

La personalización del slider a través de Orbit es muy sencilla. Simplemente cambiaremos un poco el código del primer ejemplo y veremos cual es el resultado.

Leer más…

¿Te gustó el artículo? Compártelo!!:
  • Facebook
  • Twitter
  • FriendFeed
  • del.icio.us
  • LinkedIn
  • Technorati
  • Ping.fm
  • StumbleUpon
  • Google Bookmarks
  • Digg
  • Meneame
  • Netvibes
  • Live
  • BarraPunto
  • Bitacoras.com
  • Reddit
  • Wikio
  • email
  • Print

A. Montes programación, web , ,

Slider de imágenes en jQuery con Orbit

Martes, 21 de Septiembre de 2010


Hace unos días leí en DiarioTHC un artículo sobre cómo implementar un Slider de imágenes en jQuery con Orbit. Me pareció muy interesante así que voy a compartirlo con vosotros, y veremos hasta donde se puede profundizar…

Antes de empezar, quería aclarar dónde podemos implementar el Slider de imágenes. Hoy en día, es muy común utilizar en la página de inicio de webs corporativas, personales o tiendas on-line para presentar productos, trabajos realizados, etc…

Y por último (y ya empezamos con el código), quería comentar qué es jQuery y Orbit: jQuery es una biblioteca o framework de JavaScript que permite simplificar la interacción con documentos HTML, manejar eventos, desarrollar animaciones y agregar interacción AJAX. En cambio, Orbit es un plugin que permite mostrar atractivos sliders de imágenes.

Ahora sí, pasemos a trabajar. Manos a la obra…

Para empezar, tenemos que descargarnos el Orbit kit y jQuery. Una vez descargados y colocados en las carpetas donde almacenemos nuestros scripts, procederemos a crear un fichero html nuevo o bien editar aquel en el que queremos añadir el slider.

Leer más…

¿Te gustó el artículo? Compártelo!!:
  • Facebook
  • Twitter
  • FriendFeed
  • del.icio.us
  • LinkedIn
  • Technorati
  • Ping.fm
  • StumbleUpon
  • Google Bookmarks
  • Digg
  • Meneame
  • Netvibes
  • Live
  • BarraPunto
  • Bitacoras.com
  • Reddit
  • Wikio
  • email
  • Print

A. Montes programación, web , ,