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, ಕನ್ನಡ, Українська мова, ไทย
HTML5 / Miscellaneous

GalleryGen - Image Gallery HTML Code Generator

— Add- On para WorldWideScripts.net

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

¡Nuevo! Síguenos como quieras!


GalleryGen -  Image Gallery HTML Code Generator - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Vea este vídeo de vista previa para obtener una mejor idea de cómo funciona

Cada desarrollador web tiene que hacer frente a galerías de imágenes. Se trata de buscar un montón de imágenes, obtener su ruta y nombres, y luego ponerlos en un diseño HTML estándar, y también incluyen subtítulos y títulos para las imágenes. Este proceso puede ser bastante tedioso.

GalleryGen pretende aliviar la carga de ese proceso. Genera código HTML para galerías de imágenes, que incluyen galerías de imágenes y presentaciones de diapositivas álbum. En lugar de utilizar PHP para localizar las imágenes que utiliza HTML5 y javascript.

Sus características fundamentales son:

  1. Seleccione las imágenes, ya sea desde una ventana de diálogo de archivos o arrastrar y soltar. Selección múltiple de imágenes es posible en ambos casos.
  2. Ordena las imágenes seleccionadas arrastrándolas alrededor.
  3. Eliminar cualquier imagen seleccionada de la lista.
  4. Lightbox vista previa de las imágenes seleccionadas.
  5. Dos opciones de la galería - la mesa de luz y Presentación.
  6. Introduzca atributos de título de las etiquetas de anclaje y los atributos alt y title para las imágenes.
  7. Por Presentación - Opciones para ingresar un envoltorio de su elección para la presentación de diapositivas, envoltorios para cada imagen, y el código HTML personalizado antes / después de cada imagen.
  8. El generador de código HTML salidas válidas.
  9. Seleccione el código generado haciendo clic en el botón "Seleccionar Código" por lo que es fácil de copiar todo el código generado. El código generado también es editable mediante el atributo "contenteditable".

Para saber acerca de las opciones de salida de código disponibles tienen un vistazo a las capturas de pantalla. Ya que se utiliza sin PHP, este generador se puede ejecutar localmente.

NOTA: Este generador utiliza las últimas tecnologías de HTML5 y por lo tanto se ejecutará correctamente en los navegadores modernos que soportan estas tecnologías. Por el momento estos incluyen Firefox 3.6+, Chrome 7.0 o superior y Opera 11.10+. Chrome tiene algunas restricciones cuando el generador se ejecuta localmente y no muestra ninguna imagen a pesar de que todavía emite código correcto. Si el generador se ejecuta desde un servidor entonces funciona bien en Chrome. No hay tal complicación en Firefox y el generador funciona bien allí no importa desde donde se ejecuta. En Opera, no hay soporte para HTML5 Arrastrar y soltar todavía. Así que usted no será capaz de arrastrar las imágenes en el generador, pero sólo seleccionarlos en la ventana de diálogo de archivo.

Actualizado el 26 de julio de 2011 - Versión 1.1

  • Se ha añadido un botón "Seleccionar Código", que cuando se hace clic selecciona todo el código generado por lo que es fácil para el usuario para copiar rápidamente el código generado.
  • El área para el código generado en el cuadro de superposición modal es ahora editable mediante el atributo "contenteditable".
  • Se ha corregido un error en la mesa de luz vista previa de las imágenes seleccionadas en las Mesas de luz fueron en ocasiones apertura con tamaños incorrectos.
  • Más artículos de CosmoCoder

    Mostrar Fotos, Audio, Video óvulos mienten Dos Modos de pantalla Filtrado FunctionaUty Sets múltiple Galería Soporte Soporte FLUIDO Responsive Design Dos esquemas de color múltiples ajustes

    Galería de Imágenes, Audio, Video Coverfiow Miniatura Modos Mostrar filtros de elementos de archivo Categorías Tipo personalizados FLUIDO Responsive Design Touch Screen Soporte CCGaNer HTM5 MULTIMEDIA GA1ERY olos Ftot V.deos

    Transiciones Las transiciones RESPONSIVE NAVEGACIÓN TÁCTIL DISPOSICIÓN POR transiciones de diapositivas CUSTOM HTML SUBTÍTULOS HTML CONTENIDO OPCIONES


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

Propiedades

Creado:
24 de diciembre 10

Última actualización:
26 de julio 11

Navegadores compatibles:
IE10, IE11, Firefox, Safari, Opera, Chrome, la versión del software

Alta Resolución:
No

Archivos incluidos:
JavaScript JS, HTML, CSS

Palabras clave

eCommerce, Todos los Artí, culos, arrastrar y soltar, galerí, a, generadores, html5, imá, genes, javascript, caja de luz, galerí, a de luz, proyecció, n de diapositivas