Skinnable AJAX Image Gallery

by Acid.JS and WeMakeSites.NET

Are you planning to buy several components from Acid.JS? You can now compile your own Creative Web 2.0 Bundle and the more components you add to it, the more money you save. Start here.

Gallery.XML 3.0 / July 17, 2010

Gallery.XML is a lightweight, crossbrowser, customizable and extremely easy to use component for displaying images in cool Web 2.0 looking style and a lightbox.

The script is so easy to use that it may be up and running in a couple of minutes without writing a single line of complicated JavaScript. All you have to do is to register the runtime script of the component, enter the admin or manually add, upload, delete or modify images in your gallery.

Initialize on Page Load

The most common way to load a gallery is on page load by using the init() method of the component:

Initialize on Demand

Gallery.XML comes with a method for loading galleries on demand without reloading the current page. This can be achieved by using the demand() method of the component:

Press the button below to load a gallery on demand.

What's New in the Latest Version

  • Back and Previous buttons allowing to navigate in a gallery directly when images are enalrged
  • Fully controlled cool fading animation of the modal layout
  • Page settings method instead of skins
  • Web 2.0 rounded corners of the enlarged image viewer
  • Various fine-tune options
  • Improved rendering speed
  • Improved accessibility - ESC key to close the viewer, Enter key for navigation buttons
  • Custom exception and error handling for easier debugging and troubleshooting

The Admin Panel of Gallery.XML

The full version of Gallery.XML AJAX image gallery is already available with smooth administration panel allowing total control over the galleries created with the component. What you can do in the fully ajaxified admin without a writing a single line of code:

  • Modify, edit, update the contents and delete existing galleries.
  • Drag-and-drop rearrange the images in the gallery.
  • Upload and delete images.
  • Create new galleries and have them up and running in minutes.
  • Fine-tune each gallery by setting different handy properties.
  • Delete entire galleries.

Admin Panel Screenshots

Assigning Custom Function on Thumbnail Click

The XML feed file of Gallery.XML has a special property called onclientclick which allows to assign custom function upon thumbnail click. It works independently from the enableenlarge property. If left blank (onclientclick="") a click on the thumbnail will only show the fullsize image (if enableenlarge="true").

Reuse Gallery Placeholder

The demand() method of the component may be used to load different galleries in a single placeholder. One possible use is shown below:

Select galleries from the combo below to load them withour refreshing the page in the same placeholder:

Requirements

  • Apache or other web-server supporting PHP for the admin
  • Standards-compliant (XHTML1.0, XHTML1.1, HTML5) or Skinny DTD public page

Supported Browsers

Gallery.XML works with all major browsers. Internet Explorer 6 is not supported, and the component does not initialize on that browser.

  • Internet Explorer 7
  • Internet Explorer 8
  • Internet Explorer 9 Ready
  • Mozilla FireFox
  • Opera
  • Google Chrome
  • Apple afari

License Information

Free Trial1 - 3 WebsitesMultiple WebsitesDeveloper
The free license is for consideration and testing purposes only. The use of any Acid.JS component as a trial version on a live site is strictly proibited and will be considered an infringement of its copyright.A component purchased with this license is delivered with the full functionality and complete set of skins and can be used on 1-3 websites.The multiple website license allows the use of the component on an unrestricted number of websites, and is delivered with the full functionality and complete set of skins.The developer license includes the source code, full functionality and set of skins. The component can be used on multiple websites. Obfuscation before uploading on a live site is required.
download$20$30$300

If you consider purchasing more than one Acid.JS component you may create and order a custom Creative Web 2.0 Bundle and save money. More information about the Creative Web 2.0 Bundle program is available on my blog.

Difference Between the Free and the Commerical Versions

The trial version of the control is for consideration and testing purposes only and its usage on live websites is prohibited. Using the trial version on live websites unlawful and legal steps may be taken against websites that use it. Please, refer to the License Agreement included in the distribution of the script prior to using it.

The trial version is fully functional, but displays a trial message watermark on each image in a gallery.

If you wish to use Gallery.XML on a live website without trial messages, you may purchase the full version for USD20 via PayPal from this page.

Check what is trending now on Acid.JS