• Publicidad
  • Contacto
Pixelco Tech News
  • 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 News
  • 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 News
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

Samsung muestra la evolución de SmartThings y presenta nuevas experiencias de dispositivos en SDC22

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

  • 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

C-Lab de Samsung recibe 29 premios CES a la Innovación

18/01/2023

CES 2023: Un futuro sostenible gracias a la conectividad

16/01/2023

Samsung comparte su visión para llevar la calma a la experiencia de los dispositivos conectados en CES 2023

11/01/2023

Estudio: Los relojes inteligentes ayudan a prevenir o reducir la obesidad

26/12/2022

Sáquele provecho a las características de un TV 8K

21/12/2022

Ventajas de un proyector portátil de 100 pulgadas

19/12/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...