WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Images and Media

Responsive Slideshow Photo Gallery Grid

— Add- On para WorldWideScripts.net

@es1wwsSuscríbete a nuestro RSS para estar al día!

¡Nuevo! Síguenos como quieras!


Responsive Slideshow Photo Gallery Grid - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

El Responsive Presentación Galería de fotos tiene un diseño fluido / flexible / respuesta. Básicamente la red se añade en una página HTML en un div de su chosing y se está adaptando basa de la anchura de ese div, la altura de la rejilla se modifica en función de la cantidad de miniaturas y si otros elementos están por debajo de la div cuadrícula que será empujado hacia abajo de forma automática (flujo de documentos). En los ejemplos proporcionados se puede ver algunas de las formas en las que puede utilizar esta red, por supuesto que son posibles otras configuraciones (por favor, tenga en cuenta que se proporciona el código de estos ejemplos en los archivos de descarga).

Programación orientada a objetos puro código JavaScript, sin el uso de jQuery o otras bibliotecas, de esta manera no habrá incompatibilidades con páginas HTML que pueda estar utilizando jQuery u otras bibliotecas JavaScript.

El Responsive Presentación Galería de fotos está usando la GPU (aceleración de hardware) utilizando estándares HTML5. La velocidad y el rendimiento de la representación es impecable en equipos de escritorio y lo más importante en los dispositivos móviles, la forma en que funciona éste tratará de usar CSS3 y si esto no está disponible lo hará hasta otoño para CSS2 o CSS1 para los navegadores más antiguos, como IE7 e IE8.

Gran rendimiento en los dispositivos móviles, se puede ver en el vídeo de demostración que se ejecuta como una aplicación nativa!, que fue codificado y optimizado para dispositivos móviles y es 100% móvil compatible y por supuesto que funcionará igual de bien en las computadoras de escritorio incluyendo en los navegadores más antiguos, como IE7 e IE8. Hemos probado en IPAD3 (IOS) y en un SAMSUNG GALAXY S3 (androide) y funciona muy bien en ambos dispositivos, a continuación están los enlaces para ver esta demos.
Ver demostración se ejecuta en Samsung Galaxy S3 (androide) o Ver demostración se ejecuta en iPad (iOS).

GRID PRINCIPALES CARACTERÍSTICAS

Diseño flexible / fluido: se puede controlar el tamaño de la cuadrícula con CSS o JavaScript, básicamente, tiene un diseño adaptable que hace que sea el candidato perfecto para cualquier tipo de proyecto.

Todo el tema de color puede ser modificado.

Tamaño personalizable miniaturas y la geometría: esta función le permite cambiar el tamaño de las miniaturas y el espacio entre las miniaturas.

Miniaturas Personalizable borde y el fondo: cada miniatura pueden tener un borde y un fondo, el color de fondo de la imagen, el tamaño de la frontera y el color de la frontera son adaptables.

Descripción de Miniatura: cada pulgar puede tener una breve descripción con un fondo transparente debajo de ella y esta descripción es visible cuando el ratón está sobre una miniatura, el texto se puede formatear con CSS, el color y la opacidad de fondo también pueden ser modificados (opcional).

"Cargar más miniaturas cuentan": se trata de una característica impresionante que mejora el rendimiento general y la velocidad de carga porque de esta manera no todas las miniaturas se cargan y se muestran a la vez. Por ejemplo, si usted tiene un total de 120 imágenes en miniatura se puede mostrar en conjuntos de 50 miniaturas, y así inicialmente en la red está cargado la primera serie de 50 miniaturas y se muestran, y cuando los "cargar más miniaturas" se pulsa la siguiente conjunto de 50 imágenes en miniatura se carga y se muestra, y, finalmente, cuando se pulsa el botón "cargar más miniaturas" de nuevo las 20 miniaturas restantes se mostró. El número de imágenes en miniatura para cargar por juego es personalizable, que no tiene que ser de 50 puede ser cualquier número que se tiene en cuenta. Esta función es opcional, si está desactivado todas las miniaturas se cargan y se muestran.

Custom acción prensa miniatura: cuando se presiona una miniatura puede elegir ya sea para mostrar una caja de luz medio original que hemos codificado, o para abrir una nueva página web, la URL y el objetivo de esta página web se puede especificar. La luz puede mostrar imágenes, o puede mostrar vídeos cargados desde YouTube o Vimeo.

Álbum PRINCIPALES CARACTERÍSTICAS

Diseño flexible / fluido: la lighbox siempre llenará la ventana del navegador disponible.

Todo el tema de color puede ser modificado.

Vimeo y el apoyo de YouTube: todo lo que tienes que hacer es incluir el enlace de YouTube o Vimeo vídeo que desea mostrar y la lighbox mostrará y reproducir el vídeo. El tamaño (anchura y altura) de cada vídeo se puede ajustar fácilmente.

Zoom y paneo de apoyo para las imágenes: se puede acercar y alejar una imagen y se puede desplazar la imagen, de esta manera se puede ver la imagen con gran detalle (opcional).

Botón Presentación (opcional).

Retardo de diapositivas, el retraso de la presentación se puede configurar en cuestión de segundos.

Presentación de reproducción automática.

Slide gráficos animados personalizado.

Botones de navegación en Siguiente y anterior (opcional).

Información del botón y la ventana de información: cada elemento lighbox puede tener una descripción, el texto y la ventana de apariencia puede ser formateado con CSS (opcional).

Personalizable frontera y el fondo: el tamaño y color del borde y el color principal fondo son adaptables.

Soporte de teclado: la flechas izquierda y derecha se pueden utilizar para la navegación (opcional).

ACTUALIZACIONES

02/19/2013 - Hemos añadido una nueva característica a esta red, la opción de agregar iconos de los medios sobre las imágenes cuando se seleccionan, ahora usted puede elegir entre la descripción miniaturas, iconos de los medios o "ninguno" cuando se selecciona una miniatura.

03/07/2013 - Se han solucionado algunos errores relacionados con la luz y ha añadido un mejor soporte para la detección móvil.


Descargar
Otros componentes de esta categoríaTodos los componentes de este autor
ComentariosPreguntas frecuentes y respuestas

Propiedades

Creado:
15 de enero 13

Última actualización:
08 de marzo 13

Alta resolución:

Los navegadores compatibles:
IE7, IE8, IE9, IE10, EI11, Firefox, Safari, Opera, Chrome

Archivos incluidos:
JavaScript JS, HTML, CSS

Palabras clave

eCommerce, eCommerce, Todos los objetos, css3, diná, mica, flexible, fluido, cuadrí, cula, html5, caja ligera, medios de comunicació, n, sensible, vimeo, Youtube