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

Abonneer u op onze feed om de hoogte te blijven!

Nieuw! Volg ons als u het wilt!


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

Ads

Ad: Bluehost hosting

Bekijk deze video preview om een beter idee van hoe het werkt te krijgen

Elke web developer heeft te maken met foto albums. Het gaat hierbij om het opzoeken van een bos van beelden, krijgen hun pad en namen, en dan zet ze in een standaard HTML-indeling, en ook bijschriften en titels voor de beelden op te nemen. Dit proces kan heel vervelend worden.

GalleryGen doel heeft de last van dat proces te vergemakkelijken. Het genereert HTML-code voor het galeries, dat Lightbox foto albums en diavoorstellingen bevatten. In plaats van het gebruik van PHP om beelden te lokaliseren maakt gebruik van HTML5 en Javascript.

Belangrijkste kenmerken zijn:

  1. Selecteer afbeeldingen hetzij van een file dialog venster of slepen en neerzetten. Meervoudige selectie van beelden is mogelijk in beide gevallen.
  2. Sorteer de geselecteerde beelden door ze rond te slepen.
  3. Verwijder alle geselecteerde afbeelding in de lijst.
  4. Lightbox voorbeeld van de geselecteerde beelden.
  5. Twee gallery opties - Lightbox en Diashow.
  6. Voer een titel-attribuut voor anker-tags en alt en titel attributen voor afbeeldingen.
  7. Voor Slideshow - Opties om een ​​dekblad van uw keuze aangepaste HTML-code voor invoeren voor de diashow, wikkels voor elk beeld, en / na elke afbeelding.
  8. De generator stuurt geldige HTML-code.
  9. Selecteer de gegenereerde code door te klikken op de knop "Selecteer code" waardoor het gemakkelijk is om de gehele gegenereerde code te kopiëren. De gegenereerde code is ook aanpasbaar met behulp van de "contenteditable" attribuut.

Om te weten over de beschikbare code output opties eens een kijkje op de screenshots. Omdat geen PHP wordt gebruikt, kan deze generator lokaal worden uitgevoerd.

OPMERKING: Deze generator maakt gebruik van de nieuwste HTML5 technologieën en daarmee goed zal worden uitgevoerd in moderne browsers die deze technologieën te ondersteunen. Op het moment dat deze zijn Firefox 3.6+, Chrome en Opera 7.0+ 11.10+. Chrome heeft een aantal beperkingen wanneer de generator lokaal wordt uitgevoerd en welke beelden niet weergegeven, hoewel het nog steeds voert de code juist is. Als de generator wordt uitgevoerd vanaf een server dan werkt het prima in Chrome. Er is geen dergelijke complicatie in Firefox en de generator werkt prima daar geen kwestie van waar je het draait. In Opera is er geen ondersteuning voor HTML5 Drag and Drop nog. Dus je zult niet in staat om beelden te slepen in de generator, maar alleen kiezen ze uit de file dialoog venster.

Bijgewerkt op 26 juli 2011 - versie 1.1

  • Voegde een "Select Code" knop, die wanneer erop geklikt selecteert de gehele gegenereerde code waardoor het gemakkelijk voor de gebruiker om de gegenereerde code snel te kopiëren.
  • Het gebied voor de gegenereerde code in de modal overlay doos is nu aanpasbaar met behulp van de "contenteditable" attribuut.
  • Fixed a bug in de lightbox voorbeeld van de geselecteerde foto's waar de Lichtbakken soms openden met onjuiste maten.
  • Meer items van CosmoCoder

    Show Foto's, Audio, Video eicellen liggen twee weergavemodi Filtering FunctionaUty Multiple Gallery Sets Ondersteuning ondersteunende vloeistof Responsive Design Two Colour Schemes meerdere instellingen

    Gallery voor afbeeldingen, audio, video Coverfiow miniatuurweergave Modes filteritems bestandstype Custom Categories Fluid Responsive Design Touch Screen Ondersteuning CCGaNer HTM5 MULTIMEDIA GA1ERY olos ftot V.deos

    Overgangen RESPONSIVE LAYOUT AANRAAKBEDIENING PER Diaovergangen AANGEPAST HTML-inhoud HTML CAPTIONS OPTIES


Downloaden
Andere onderdelen in deze categorieAlle onderdelen van deze auteur
OpmerkingenVeelgestelde vragen en antwoorden

Eigenschappen

Aangemaakt:
24 december 10

Laatste update:
26 juli 11

Compatibel Browsers:
IE10, IE11, Firefox, Safari, Opera, Chrome

Software Version:
HTML5

met hoge resolutie:
Nee

Files Inbegrepen:
JavaScript JS, HTML, CSS

Trefwoorden

eCommerce, Alle artikelen, slepen en neerzetten, galerij, generator, html5, afbeeldingen, javascript, lightbox, lightbox gallery, slideshow