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 per WorldWideScripts.net

Iscriviti al nostro feed per rimanere sempre aggiornato!

Nuovo! Seguici come lo vuoi!


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

Ads

Ad: Bluehost hosting

Guarda questo video anteprima per avere una migliore idea di come funziona

Ogni sviluppatore web ha a che fare con gallerie di immagini. Si tratta di guardare una serie di immagini, ottenere il loro percorso e nomi, e poi metterli in un layout HTML standard, e comprendono anche didascalie e titoli per le immagini. Questo processo può diventare molto noioso.

GalleryGen mira ad alleviare il peso di quel processo. Si genera il codice HTML per gallerie di immagini, che includono Lightbox gallerie di immagini e slideshow. Invece di usare PHP per individuare le immagini che utilizza HTML5 e javascript.

Le caratteristiche principali sono:

  1. Selezionare le immagini o da una finestra di dialogo file o trascinarli. Selezione di più immagini è possibile in entrambi i casi.
  2. Ordinare le immagini selezionate da trascinandoli.
  3. Eliminare qualsiasi immagine selezionata dalla lista.
  4. Lightbox un'anteprima delle immagini selezionate.
  5. Due opzioni gallery - ID e Slideshow.
  6. Immettere attributi title per i tag di ancoraggio e gli attributi alt e title per le immagini.
  7. Per Slideshow - Opzioni di entrare in un involucro di vostra scelta per la presentazione, wrapper per ogni immagine, e il codice HTML personalizzato prima / dopo ogni immagine.
  8. Il generatore genera codice HTML valido.
  9. Selezionare il codice generato facendo clic quindi sul pulsante "Seleziona Code" che rende facile copiare l'intero codice generato. Il codice generato è anche modificabile utilizzando l'attributo "contentEditable".

Per conoscere le opzioni di output di codice disponibili hanno uno sguardo agli screenshots. Dal momento che non viene utilizzato PHP, questo generatore può essere eseguito localmente.

NOTA: Questo generatore utilizza le più recenti tecnologie HTML5 e quindi funzionerà correttamente nei browser moderni che supportano queste tecnologie. Al momento questi includono 3.6+ Firefox, Chrome e Opera 7.0+ 11.10+. Chrome ha alcune restrizioni quando il generatore viene eseguito localmente e non viene visualizzata alcuna immagine anche se emette ancora il codice corretto. Se il generatore viene eseguito da un server, allora funziona bene in Chrome. Non esiste una complicazione in Firefox e il generatore funziona bene lì, non importa da dove lo si esegue. In Opera non vi è alcun supporto per HTML5 Drag and Drop ancora. Così non sarà in grado di trascinare le immagini nel generatore, ma solo selezionarli dalla finestra di dialogo del file.

Aggiornato il 26 luglio 2011 - versione 1.1

  • Aggiunto un pulsante "Seleziona codice", che se cliccato seleziona l'intero codice generato rendendo così più facile per l'utente di copiare rapidamente il codice generato.
  • L'area per il codice generato nella casella di sovrapposizione modale è ora modificabile utilizzando l'attributo "contentEditable".
  • Corretto un bug nella Lightbox anteprima le immagini selezionate in cui le Lightbox erano talvolta apertura con dimensioni errate.
  • Altri articoli di CosmoCoder

    Visualizza Foto, Audio, Video ovuli si trovano due modalità di visualizzazione Filtering FunctionaUty multipla Galleria Set Supporto Supporto fluido Responsive design Due Combinazioni di colori più impostazioni

    Galleria di immagini, audio, video Coverfiow Thumbnail modalità di visualizzazione filtrare gli elementi del file Categorie Personalizzata tipo fluido Responsive Touch Design Supporto schermo CCGaNer HTM5 MULTIMEDIA GA1ERY OLO Ftot V.deos

    Transizioni Le transizioni RESPONSIVE LAYOUT TOCCO DI NAVIGAZIONE PER transizioni diapositiva CUSTOM HTML VOCI contenuto HTML OPZIONI


Scarica
Altri componenti di questa categoriaTutti i componenti di questo autore
CommentiDomande frequenti e risposte

Proprietà

Creato:
24 dicembre 10

Ultimo aggiornamento:
26 lug 11

browser compatibili:
IE10, IE11, Firefox, Safari, Opera, Chrome, versione software

High Resolution:
No

File inclusi:
JS JavaScript, HTML, CSS

Parole chiave

eCommerce, tutti gli articoli, drag and drop, galleria, generatore, HTML5, immagini, javascript, lightbox, galleria lightbox, presentazione