Salta al contingut principal

Generación de galerías HTML de tus carpetas de imágenes

No hace mucho tiempo, cuando aun no se había popularizado del todo la utilización de ordenadores personales para ocio y tan sólo unos cuantos los utilizábamos en éste sentido, visualizar un archivo de imagen podía ser algo complicado de entrada. El sistema operativo podía no incluir las herramientas necesarias para su consumo, dependiendo de la extensión, y fue entonces cuando empezaron a extenderse los visores de imágenes, tanto en el antiguo MS-DOS como en el posterior Windows y demás sistemas de la época.


Thumbnails


Windows, por ejemplo, no incluida la posibilidad de previsualizar imágenes de forma nativa, algo que nadie echaba en falta porque todavía no se había extendido y además la carga de varias imágenes en memoria podía suponer un largo periodo de tiempo esperando, o incluso la ralentización del sistema. Hoy en día, todos los sistemas operativos de usuario disponen de una vista de diapositivas o thumbnails que puede ser muy útil para previsualizar imágenes o para consumirlas directamente, además de dar con la que estamos buscando.


¿Qué me decís si os digo que dicha vista puede ser “capturada” para crear informes en HTML? Pues sí, y puede hacerse gracias a JoJoThumb.


JoJoThumb permite crear diapositivas de la mayoría de formatos más utilizados, incluyendo RAW extraído directamente de las cámaras fotográficas. Su utilización es sencilla, aunque su gran cantidad de opciones pueden teneros bastantes minutos ajustando propiedades como texto, alineación u opciones de archivo. Todas ellas están ordenadas en estructura de árbol, por lo que no resulta difícil seguirlas. Una vez está todo a nuestro gusto basta con pulsar el botón Start.


Por cierto, cuando hablo de diapositivas en realidad quiero decir galerías fotográficas completas en puro HTML, ya que la aplicación no solamente genera el índice con los thumbs, sino las páginas para cada fotografía a base de visor fotográfico, para disfrutar de las imágenes sin salir del navegador.


Para descargarlo tan sólo tenéis que ir a la página oficial, donde encontraréis una aplicación que funciona incluso en Windows 8, donde la hemos probado personalmente.












via Bitelia http://da.feedsportal.com/c/33160/f/538987/s/23e23384/l/0Lbitelia0N0C20A120C0A90Cgeneracion0Ede0Egalerias0Ehtml0Ede0Etus0Ecarpetas0Ede0Eimagenes/ia1.htm

Comentaris

Entrades populars d'aquest blog

15 Tutoriales CSS3 para mejorar tus paginas web

15 Tutoriales CSS3 para mejorar tus paginas web : Les dejo una pequeña recopilación de tutoriales CSS3 que espero sean de utilidad para ustedes, intentamos hacer una recopilación bastante completa para crear impresionantes diseños web con CSS3 y aprovechar las bondades de CSS3 incluso para aplicar efectos, son un total de 15 tutoriales CSS3 gratis . Crear menu dropdown con CSS3 Crear breadcrumbs con estilo Transiciones de paginas con CSS3 Crear timeline con CSS3 y jQuery Reproductor de video con HTML5, CSS3 y jQuery Crear efecto acordion CSS3 Aplicar degradado a texto Crear texto en curva con CSS3 y jQuery Aplicar textura a texto con Magic Pill Crear slider de imagenes con CSS3 y jQuery Rotar texto con CSS3 Crear menu vertical con CSS3 Crear formulario con HTML5 y CSS3 Crear efecto de imagenes apiladas con CSS3 Aplicar estilos para imagenes con CSS3  

El meu editor de codi preferit el 2024, que això ja se sap que va canviant 😄

Visual Code Visual Code és un editor de codi font lleuger, però potent que s’executa al teu escriptori i està disponible per a Windows, macOS i Linux. Compta amb suport integrat per a JavaScript, TypeScript i Node.js i té un ric ecosistema d’extensions per a altres llenguatges i entorns d’execució (com C++, C#, Java, Python, PHP, Go, .NET).  És una eina ideal per a desenvolupar i depurar aplicacions web i en el núvol. Per què Visual Code? Visual Code té molts avantatges com a editor de codi font, com per exemple: És gratuït, ràpid i fàcil d’instal·lar i actualitzar. Té un ampli ecosistema d’extensions que et permeten afegir funcionalitats i personalitzar la teva experiència de desenvolupament. Té un suport integrat per a molts llenguatges i entorns d’execució, i et permet depurar i executar el teu codi des del mateix editor. Té una interfície senzilla i elegant, amb diferents temes i modes de visualització. Té un sistema de sincronització de configuracions que et permet guardar les...

Learn Composition from the Photography of Henri Cartier-Bresson

“Do you see it?” This question is a photographic mantra. Myron Barnstone , my mentor, repeats this question every day with the hopes that we do “see it.” This obvious question reminds me that even though I have seen Cartier-Bresson’s prints and read his books, there are major parts of his work which remain hidden from public view. Beneath the surface of perfectly timed snap shots is a design sensibility that is rarely challenged by contemporary photographers. Henri Cartier-Bresson. © Martine Franck Words To Know 1:1.5 Ratio: The 35mm negative measures 36mm x 24mm. Mathematically it can be reduced to a 3:2 ratio. Reduced even further it will be referred to as the 1:1.5 Ratio or the 1.5 Rectangle. Eyes: The frame of an image is created by two vertical lines and two horizontal lines. The intersection of these lines is called an eye. The four corners of a negative can be called the “eyes.” This is extremely important because the diagonals connecting these lines will form the breakdown ...