• Publicidad
  • Contacto
Pixelco Tech Blog
  • Noticias
  • Video
  • Tecnología
    • Audio & Video
    • LifeStyle
    • Transformación Digital
  • Ciencia
    • Ciencia Ficción
  • Fotografía
  • Internet
    • Desarrollo/programación
    • Diseño
Sin resultados
Ver todos los resultados
Pixelco Tech Blog
  • Noticias
  • Video
  • Tecnología
    • Audio & Video
    • LifeStyle
    • Transformación Digital
  • Ciencia
    • Ciencia Ficción
  • Fotografía
  • Internet
    • Desarrollo/programación
    • Diseño
Sin resultados
Ver todos los resultados
Pixelco Tech Blog
Sin resultados
Ver todos los resultados

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

Diego CambiasoporDiego Cambiaso
22/12/2008
enDesarrollo/programación, Diseño
Tiempo de lectura2 minutos
0
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:

EntradasRelacionados

4 Tips de Oracle para iniciarte en el mundo de la programación

Ventajas, desventajas y consejos al crear tu sitio web

  • Wrapperid : es el ID del DIV que contiene la imagen.
  • dimensions : permite definir el alto y el ancho, asumiendo que todas las imágenes poseen el mismo tamaño. En caso contrario, estas se recortaran.
  • imagearray : es un array que contiene las imágenes a mostrar.
  • autoplay : comienza a mostrar las imágenes automáticamente.
  • persist : es un valor booleano que se utiliza para recordar o no, cuál fue la última imagen visualizado en una sesión.
  • pause : define el tiempo que tarda en cambiar de imagen.
  • fadeduration : define el tiempo de efecto fade (desvanecimiento).
  • oninit:function() : este es el manejador de eventos que se dispara cuando la página es cargada y la galería es inicializada.
  • onslide:function(curslide, i) : manejador de eventos que se dispara cada vez que se produce un fade.

Instalarla es muy sencillo, sólo hay que enlazar lso archivos JS en la sección HEAD de la página y agregar <div id=”simplegallery1″></div> done queramos que esta galería sea mostrada.

Igualmente en su sitio está todo bien explicado paso a paso (en inglés).

Sitio/demo/descarga: www.dynamicdrive.com/dynamicindex4/simplegallery.htm

Tags: controlarfacilgaleríaimagenesimplementarscriptsencilloslideshow
Diego Cambiaso

Diego Cambiaso

Comunicador Social y Desarrollador de Software. Blogger desde el 2006, creador de Pixelco Tech News. Viajero y fotógrafo. Entusiasta del diseño, apasionado por la tecnología y el social media. EN-ES-IT

RelacionadoEntradas

Optimiza imágenes PNG para tu sitio web con TinyPNG

08/06/2013

jq-tiles: Conoce un plugin para realizar slideshows con CSS3

03/02/2013

Descubre los mejores editores de fotos gratuitos para tu Nokia Lumia

30/05/2012

Cloud Photos – Almacena las fotos capturadas con tu dispositivo iOS

18/03/2012

X80 conoce el smartphone más premiun de vivo con cámaras potenciadas por IA

03/07/2022

Moto Edge 30 Pro ¿Qué tan bueno es? VIDEO

02/07/2022

Serie Camon 19 – Conoce los detalles de los nuevos equipos de Tecno Mobile

01/07/2022

Una mujer supera su propio récord y calcula el valor del “Número Pi” en 100 billones de dígitos

12/06/2022

TECNO POVA 3 características y especificaciones

11/06/2022

Tecno Camon 19 Series lanzamiento global el 14 de junio

09/06/2022
Pixelco Tech News Pride 2022 logo
Pixelco Tech News Pride 2022

Pixelco Tech

Pixelcoes sitio de noticias de tecnología, diseño y desarrollo web e Internet escrito por profesionales.

Objetivo de Pixelco

Informar, promocionar, proporcionar recursos y ayuda sobre el diseño y desarrollo web, estándares, Internet y tecnología.

Buscar

Sin resultados
Ver todos los resultados

© 2022 Pixelco Tech News - Internet & Tecnología - Por Diego Cambiaso.

  • Publicidad
  • Contacto
  • Política de Privacidad
  • Sobre Pixelco
  • Internet
    • Recursos
    • Diseño
    • Desarrollo/programación
  • Tecnología
  • Noticias
  • Fotografía

© 2022 Pixelco Tech News - Internet & Tecnología - Por Diego Cambiaso.

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies Política de privacidad.
 

Cargando comentarios...