GalleryGen - Image Gallery HTML Code Generator

GalleryGen – Image Gallery HTML Code Generator

See this video preview to get a better idea of how it works

Every internet developer has to take care of picture galleries. This includes wanting up a bunch of photographs, get their path and
names, after which put them in a normal HTML format, and in addition embody captions and titles for the pictures. This course of
can turn into fairly tedious.

GalleryGen goals to ease the burden of that course of. It generates HTML code for picture galleries, that embody Lightbox
picture galleries and Slideshows. Instead of utilizing PHP to find photographs it makes use of HTML5 and javascript.

Key options are :

Select photographs both from a file dialog window or drag and drop them. Multiple number of photographs is feasible in each circumstances.
Sort the chosen photographs by dragging them round.
Delete any chosen picture from the record.
Lightbox preview of the chosen photographs.
Two gallery choices – Lightbox and Slideshow.
Enter title attributes for anchor tags and alt and title attributes for photographs.
For Slideshow – Options to enter a wrapper of your alternative for the slideshow, wrappers for every picture, and customized HTML code earlier than/after every picture.
The generator outputs legitimate HTML code.
Select the generated code by clicking the “Select Code” button thus making it simple to repeat your complete generated code. The generated code can be editable through the use of the “contenteditable” attribute.

To learn about accessible code output choices take a look on the screenshots. Since no PHP is used, this generator could be run regionally.

NOTE: This generator makes use of the newest HTML5 applied sciences and therefore will run correctly in fashionable browsers that assist these applied sciences. At the second these embody Firefox 3.6+, Chrome 7.0+ and Opera 11.10+. Chrome has some restrictions when the generator is run regionally and doesn’t show any photographs though it nonetheless outputs right code. If the generator is run from a server then it really works high-quality in Chrome. There isn’t any such complication in Firefox and the generator works high-quality there irrespective of from the place you run it. In Opera there isn’t any assist for HTML5 Drag and Drop but. So you gained’t be capable of drag photographs into the generator however solely choose them from the file dialog window.

Changelog

Version 1.1 (26 July, 2011)

• Added a "Select Code" button, which when clicked selects your complete generated code thus making it simple for the person to rapidly copy the generated code.
• The space for the generated code within the modal overlay field is now editable through the use of the "contenteditable" attribute.
• Fixed a bug within the Lightbox preview of the chosen photographs the place the Lightboxes have been generally opening with incorrect sizes.