HTML5 Image Gallery

ver. 1.0.5 | 13.03.13

• Features
• Requirements

HTML5 Image Gallery is an excellent way to showcase your images. You don't need to be an expert in web design and to know programming languages to add gallery to your site. Image Gallery is powered by jQuery and it has clear and comprehensible user interface, you can easily set up, change appearance and edit the content of the gallery without digging into CSS files! Just insert the gallery into your page and set your own parameters according your design. Control gallery either with mouse or keyboard in fullscreen mode or preview your images in a popup window over your page. Show or hide controls and some other elements of the gallery. Add HTML description to your slides, which will be shown in an animated popup by a mouse click on an info icon. Image Gallery has a preview slider that shows a preview of each image as a little circle. Component is fully browser compatible, and will work on iDevices like iPhone and iPad! CSS based with semantically correct markups which makes gallery search engine friendly and absolutely accessible to search engines. Component is ready to work as soon as it appears on a page and is fast to respond. The installation package contains the Dreamweaver extension (JQImageGallery.mxp), providing you the ability to easily create high-impact, HTML5-powered galleries, all in Dreamweaver CS3, CS4, CS5 or CS6. Using the user-friendly interface, you can adjust all colors, fonts, sizes, spacing and wide range of options including more than 50 parameters that you can adjust according to your taste.

Requirements

Features

• Customization
  There is no need to dig into CSS files to make some changes in gallery style. Build your own unique appearance by simply editing the default, through User Interface, without coding any JavaScript and CSS code at all.
• Gallery editor
  You can easily create necessary slideshow using gallery structure editor. Through the gallery editor you can add or remove categories and slides, move them up, down, or add links, captions and description.
• Keyboard navigation
  Use the keyboard arrow keys to navigate between images.
• HTML description
  It is possible to add HTML code in the image description.
• Fullscreen mode
  The fullscreen option expands the gallery to fill the available browser space.
• Popup window
  Preview slides in a popup window which opens over your page.
• Thumbnails
  You can use your own thumbnails, or generate thumbnails from original image on the fly, using server scripts.
• Multiple albums
  Gallery can be divided into many albums.
• Slideshow
  Images can be set to rotate automatically at a preset time, with a timer line to show the time remaining until the next image is displayed.
• Show/Hide Controls
  You have the option to hide and show on hover the arrow buttons, hide timer line, captions, categories.
• SEO-friendly
  All content is easily accessible to search engines and markup is semantically correct to help you achieve the best possible SEO results.
• Dreamweaver integration
  Installation package contains Dreamweaver extension (JQImageGallery.mxp). Dreamweaver extension allows you to easily create image gallery. Extension has user friendly interface.
• W3C Valid (X)HTML
  The extension inserts code which is fully W3C valid.