Archivo

Entradas etiquetadas ‘galería’

6 Componentes Flash gratis

15-05-2009

6-componentes-flash-gratisEl mes pasado escribí sobre Flash XML Image Gallery que publicaban en Falbell, hoy ví en que en Web Resources Depot, publicaban otro recurso del mismo sitio, volví a visitarlo y me encuentro que tienen en total (incluído el que ya escribí) 6 componentes en Flash totalmente gratis. Sigue…

Desarrollo, Diseño, Internet, Recursos , , , , ,

Easy Image o Content Slider – Un elegante plugin jQuery

7-01-2009
Easy Slider

Easy Slider


Easy Image o Content Slider es un plugin jQuery para implementar una galería de imágenes simple, pero con un elegante efecto de transición.

Con este recurso se logra mostrar una imagen y cuando se presiona el botón siguiente, se produce una transición hacia la imagen siguiente y que puede configurarse para que se produzca horizontalmente o verticalmente.

Posee opciones para configurar: el sentido de rotación, la velocidad y texto que mostrará los botones de comando.

Como su nombre lo dice, es simple. En el sitio hay mucha documentación que no sólo explica como implementarlo, sino también como funciona.

Easy Image o Content Slider, otro excelente recurso para usar en nuestros desarrollos.

Sitio/Descargar: cssglobe.com/post/3783/jquery-plugin-easy-image-or-content-slider

Recursos , , , , , , ,

Simple Controls Gallery – Simple y elegante galería de imágenes

22-12-2008
Simple Controls Gallery - Ejemplo

Simple Controls Gallery - Ejemplo

Si tenemos que implementar una galería de imágenes, una forma rápida, simple y elegante es con Simple Controls Gallery.

Simple Controls Gallery es un script con el que podemos implementar fácilmente un slideshow para mostrar imágenes. Con este script podemos configurarlo para que automáticamente comience a mostrar las imágenes y también se puede controlar por medio de una botonera. Esta se superpone en la imagen, es semi transparente y muestra información y los botones para avanzar y retroceder. También usa cookies para recordar la última imagen visualizada.

Tiene varios parámetros que  permiten adaptar su comportamiento a nuestras necesidades. Estos parámetros incluyen:
Sigue…

Desarrollo, Diseño , , , , , , ,

DevSnippets – Un galería de snippets

5-12-2008

Los desarrolladores usamos funciones, procedimientos, bibliotecas (librerías), objetos y snippets.

Los snippets son pequeños trozos de código fuente reutilizables, esos que siempre usamos y se repiten proyecto tras proyecto.

Hace unos días, por medio de alguna publicidad que vi en un sitio en inglés (que no recuerdo), descubrí DevSnippets.

DevSnippets es una galería donde los usuarios pueden consultar y enviar snippets, además poseen turoriales y las últimas tendencias de diseño. Sigue…

Desarrollo, Diseño , , , , , ,

pretyGallery – Otra forma elegante de mostrar imágenes con jQuery

2-12-2008

Para los que no somos fanáticos de tecnologías como Flash, tenemos disponible una amplia gama de recursos para mostrar imágenes dinámicamente como prettyGallery.

prettyGallery es un plugin jQuery con el que podemos mostrar elegantemente imágenes y en este caso, creando un carrusel. Cuando hacemos clic sobre alguna de las imágenes, estas se muestran similar al efecto LightBox.

Implementarlo en nuestro proyectos es sencillo, primero hay que enlazar la biblioteca jQuery,  la CSS, inicializarla y configurar el script, lo más sencillo de todo es crear una lista <li></li> con las imágenes que necesitamos mostrar. En el sitio de este script, está toda la explicación detalla en simples pasos.

Este recurso es liberado bajo una licencia Creative Commons Attribution 2.5 por lo cual (si lo deseas puedes ayudar al proyecto haciendo un contribución), podemos usarlo sin problemas en proyectos comerciales. Además funciona en los navegadores: Firefox 2.0+, Safari 3.1.1+, Opera 9.5+ e Internet Explorer 6.0+. Sigue…

Desarrollo, Diseño , , , , , , ,

Zoomy.js – Otra forma elegante de mostrar imágenes

11-11-2008

La verdad es que no se me ocurría usar en un proyecto alguna librería que me permitiera implementar algo similar al efecto Lightbox. Este ha sido usado hasta el hartazgo (y sigue siendo usado ampliamente) y su funcionalidad es imitada por múltiples librerías que ofrecen alguna variación de este efecto.

Por eso una interesante alternativa, simple y elegante es Zoomy.js. Se trata de una clase Prototype que permite crear una galería de imágenes. Esta se puede usar en ampliaciones de imágenes simples con varias opciones de personalización o como un popup y/o como unas ventanas superpuestas que se pueden arrastrar.

Zoomy.js es una opción que se caracteriza por:

  • Permitir hacer clic sobre una imagen miniatura para mostrarla ampliada, como esta es precargada el tiempo de reacción es rápido.
  • Opcionalmente puede mostrar título y un botón de cierre.
  • Depende de las bibliotecas Javascript Prototype y Scriptaculous.
  • Entre las opciones de personalización figuran: Sigue…

Desarrollo, Diseño , , , , , , , , , ,