Diseñamos para ti
Presentación »
Mar, 7/07/09 – 0:32 | Un comentario

Una web por menos de lo que piensas

El diseño web no es una ciencia. Cada proyecto tiene características muy distintas que se deben adaptar a las necesidades de cada cliente. …

Seguir leyendo »
Blogging

Diseño web

Periodismo 3.0

Programas

Tutoriales

Home » Diseño web, Trucos, Tutoriales

Sliders, una buena forma de mostrar el trabajo

Escrito por: Jorge Mora el Domingo, 2 Agosto 2009Un comentario

Slide significa deslizar. Un slider es una forma muy de moda en la web de mostrar fotografías, trabajos y demás imágenes. Pero, ¿cómo hacer uno?

jQuerysliders_thumb8

Existen muchas formas de crear un slider. Ya vimos como hacerlo de forma sencilla mediante servicios externo proporcionados por webs como ‘Slide’ o ‘Pictobrowser’. En Xibernéticos nos ofrecen un método algo más complicado pero con un resultado realmente bueno.

Usando un poco de código podéis obtener un slider como el que veis en la imagen y que podéis probar en esta demo.

El proceso de creación del slider tiene una serie de sencillos pasos:

  1. Incrustar un código html en la página que queramos.
  2. Añadir (y, si queremos, modificar) un código CSS a nuestra hoja de estilos.
  3. Añadir un JavaScript prediseñado.
  4. Añadir la llamada a ese código.

La opción de ‘Slide’ y ‘Pictobrowser’ es sin duda más sencilla, pero este método os permite una forma más elegante de mostrar imágenes y una presentación más personal.

Un comentario »

  • Alvaro dijo:

    gtacias por el articulo, estoy buscando estos slice para ver cual es el mejor y usarlo en un proyecto, ya que no se nada de flash para hacer uno propio.

Deja un comentario

Deja tu comentario, o trackback de tu web. También puedes suscribirte a los comentarios via RSS.

Se bueno. Ni desvaríos, ni insultos, ni spam.

Puedes usar estos tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Puedes usar Gravatares de: Gravatar.