- Site Template
- WordPress Theme
- Blogging Theme
- CMS Theme
- Marketing Template
- eCommerce Theme
- Forum Theme
- Flash Template
- PSD Web Template
- .NET Script
- PHP Script
- HTML5 Code
- CSS Style
- Edge Animate Template
- Muse Template
- TypeEngine Theme
- Static Site Generator
- Sketch Template
CodeCanyon GalleryGen Image Gallery HTML Code Generator 143798
HTML5 Code \ Miscellaneous
HTML5 Code - GalleryGen Image Gallery HTML Code Generator 143798 by cosmocoder @ CodeCanyon
HTML5 Code \ Miscellaneous
See this video preview to get a better idea of how it works
Every web developer has to deal with image galleries. This involves looking up a bunch of images, get their path and
names, and then put them in a standard HTML layout, and also include captions and titles for the images. This process
can become quite tedious.
GalleryGen aims to ease the burden of that process. It generates HTML code for image galleries, that include Lightbox
Key features are .
- Select images either from a file dialog window or drag and drop them. Multiple selection of images is possible in both cases.
- Sort the selected images by dragging them around.
- Delete any selected image from the list.
- Lightbox preview of the selected images.
- Two gallery options – Lightbox and Slideshow.
- Enter title attributes for anchor tags and alt and title attributes for images.
- For Slideshow – Options to enter a wrapper of your choice for the slideshow, wrappers for each image, and custom HTML code before/after each image.
- The generator outputs valid HTML code.
- Select the generated code by clicking the “Select Code” button thus making it easy to copy the entire generated code. The generated code is also editable by using the “contenteditable” attribute.
To know about available code output options have a look at the screenshots. Since no PHP is used, this generator can be run locally.
NOTE : This generator uses the latest HTML5 technologies and hence will run properly in modern browsers that support these technologies. At the moment these include Firefox 3.6+, Chrome 7.0+ and Opera 11.10+. Chrome has some restrictions when the generator is run locally and does not display any images although it still outputs correct code. If the generator is run from a server then it works fine in Chrome. There is no such complication in Firefox and the generator works fine there no matter from where you run it. In Opera there is no support for HTML5 Drag and Drop yet. So you won’t be able to drag images into the generator but only select them from the file dialog window.
Updated on 26 July, 2011 – version 1.1
- Added a “Select Code” button, which when clicked selects the entire generated code thus making it easy for the user to quickly copy the generated code.
- The area for the generated code in the modal overlay box is now editable by using the “contenteditable” attribute.
- Fixed a bug in the Lightbox preview of the selected images where the Lightboxes were sometimes opening with incorrect sizes.
CCGallery WP - Multimedia Gallery Wordpress Plugin; CSS3 Ribbon Pack; CSS3 Form Pack; CCSlider WP - 3d/2d Slideshow WordPress Plugin; CCGallery - HTML5 Multimedia Gallery; CCSlider - jQuery 3d Slideshow Plugin; GalleryGen - Image Gallery HTML Code Generator.
Android, Builder, Business, Clean, Corporate, Creative, Design, Ecommerce, Email, Fashion, Gallery, Image, Iphone, Jquery, Landing, Magazine, Magento, Marketing, Minimal, Mobile, Modern, Multi, Multipurpose, Online, Parallax, Personal, Photography, Plugin, Portfolio, Product, Responsive, Simple, Slider, Social, Store, Template, Theme, Video, Woocommerce, Wordpress
Show all tags
Show all tags
- ThemeForest Casimir A Bold Tumblr Portfolio Theme 19617626
- ThemeForest Ap Dolphin Shopify Theme 19621981
- ThemeForest Organie An Organic Store Farm Cake and Flower Shop Magento 2 Theme 19620006
- ThemeForest Summer Moon Fashion Store Muse Template 19616699
- ThemeForest Ucare Medical & Health PSD Template 19634099
- ThemeForest Repair Shop Mobile & Gadget Repairing PSD Template 19633788
- ThemeForest Healthcare Health & Medical Care HTML5 Template 19624563
- ThemeForest Azra Creative Multi-Functional HTML Template 19621991
- ThemeForest Ap Roy Shopify Theme 19617775
- ThemeForest Clean Host Hosting Business Site PSD Template 19632995