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

@de1wwsAbonniere den Feed um auf dem neuesten Stand zu bleiben!

Neu! Folge uns, wie Du es möchtest!


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

Ads

Ad: Bluehost hosting

Sehen Sie dieses Video-Vorschau, um eine bessere Vorstellung von dem, wie es funktioniert

Jeder Web-Entwickler hat mit Bildgalerien umzugehen. Dies beinhaltet nach oben eine Reihe von Bildern, bekommen ihre Pfad und Namen, und sie dann in einem Standard-HTML-Layout, und auch Bildunterschriften und Titel für die Bilder. Dieser Prozess kann sehr langweilig werden.

GalleryGen zielt darauf ab, die Belastung dieses Prozesses zu erleichtern. Es erzeugt HTML-Code für Bildergalerien, die Lightbox Bildergalerien und Diashows enthalten. Anstelle der Verwendung von PHP, um Bilder zu finden nutzt HTML5 und Javascript.

Hauptmerkmale sind:

  1. Wählen Sie die Bilder entweder von einem Datei-Dialogfenster oder per Drag & Drop. Mehrfachauswahl von Bildern ist in beiden Fällen möglich.
  2. Die ausgewählten Bilder, indem Sie sie um zu sortieren.
  3. Löschen Sie alle ausgewählte Bild aus der Liste.
  4. Lightbox Vorschau der ausgewählten Bilder.
  5. Zwei Optionen Galerie - Lightbox und Slideshow.
  6. Titel eingeben Attribute für Anker-Tags und ALT-Attribute und Titel für Bilder.
  7. Für Slideshow - Optionen, um einen Wrapper Ihrer Wahl für die Diashow für jedes Bild vor geben, Wrapper und benutzerdefinierte HTML-Code / nach jedem Bild.
  8. Der Generator gibt gültigen HTML-Code.
  9. Wählen Sie den generierten Code, indem Sie auf die Schaltfläche "Auswählen-Code", also macht es einfach, die gesamte erzeugte Code kopieren. Der generierte Code kann ebenfalls bearbeitet werden, indem Sie die "contenteditable"-Attribut.

Um zu wissen, über verfügbare Code-Ausgabe Optionen haben einen Blick auf die Screenshots. Da kein PHP verwendet wird, kann dieser Generator lokal ausgeführt werden.

HINWEIS: Dieser Generator nutzt die neuesten HTML5-Technologien und wird daher in modernen Browsern, die diese Technologien unterstützen ordnungsgemäß ausgeführt. Im Moment dazu gehören Firefox 3.6+, Chrome 7.0 und höher und Opera 11.10+. Chrome hat einige Einschränkungen, wenn der Generator lokal ausgeführt und keine Bilder angezeigt werden, obwohl es noch richtigen Code ausgibt. Wenn der Generator von einem Server laufen dann funktioniert es in Chrome in Ordnung. Es gibt keine solche Komplikation in Firefox und der Generator funktioniert es egal, von wo aus Sie es starten. In Opera gibt es keine Unterstützung für HTML5 Drag & Drop noch. So werden Sie nicht in der Lage, Bilder in den Generator ziehen, sondern nur wählen Sie sie aus dem Dateidialogfenster können.

Aktualisiert am 26. Juli 2011 - Version 1.1

  • Hinzugefügt einen "Code auswählen"-Taste, die beim Anklicken wählt die gesamte erzeugte Code so dass es einfach für den Benutzer, um den erzeugten Code schnell zu kopieren.
  • Der Bereich für den erzeugten Code in der modalen Überlagerungsfeld ist jetzt editierbar mit dem "contenteditable"-Attribut.
  • Ein Fehler in der Lightbox Vorschau der ausgewählten Bilder, wo die Leuchtkästen waren manchmal Öffnen mit falschen Größen fixiert.
  • Weitere Artikel von CosmoCoder

    Show mit Fotos, Audio, Video Eizellen liegen zwei Anzeigemodi Filtering FunctionaUty Mehrere Galerie Sets Support Stützflüssigkeit Responsive Design Zwei Farbschemas mehrere Einstellungen

    Galerie für Bilder, Audio, Video Coverfiow Thumbnail-Anzeige-Modi Filter Artikel Dateityp Benutzerdefinierte Kategorien Flüssigkeit Responsive Design-Touch-Screen-Unterstützung CCGaNer HTM5 MULTIMEDIA GA1ERY olos Fges V.deos

    Übergänge Übergänge RESPONSIVE LAYOUT Touch-Navigation und PRO Folienübergänge benutzerdefinierte HTML-Inhalt HTML CAPTIONS OPTIONEN


Herunterladen
Weitere Komponenten in dieser KategorieAlle Komponenten dieses Autors
KommentareHäufige Fragen und Antworten

Eigenschaften

Erstellt:
24. Dezember 10

Letztes Update:
26. Juli 11

kompatible Browser:
IE10, IE11, Firefox, Safari, Opera, Chrome, Software Version

High Resolution:
Nein, Dateien inklusive

Stichworte

eCommerce, Alle Artikel, Drag &, Drop, Galerie, Generator, HTML5, Bilder, JavaScript, Leuchtkasten, Leuchtkasten-Galerie, Slideshow