Changes in v1.1:
- Added a close button to the skin which shows up when you roll over the currently open item. It disappears when you roll off. Clicking it goes back to the thumbnails.
- Added the ability to limit the number of columns. This is a setting maxColumns in the XML file. If the available area is less than the maximum, it still accounts for this and will limit the number of columns to what it can fit horizontally. If the available area is larger than the max, and you have the max set, it will not display any more columns than your max setting.
- Fixed a bug with tiled backgrounds which essentially increases performance with browser resizing.
This media gallery system is almost completely XML driven and very customizable. You can control the font, size and color of all text, as well as the background which can include multiple layers. You also have the ability to set certain options, like the minimum and maximum delay for the slideshow, whether or not to display descriptions, the size of the thumbnails, thumbnail border sizes and colors, display shadows or not, and even a canvas margin.
The slideshow has a slider for the user to control the delay between items. You just set the minimum and maximum delay time in the XML settings.
The background system allows you to have solid colors, tiled images and large images that can stretch proportionately or not. You can have as many background layers as you want.
The look and feel of the gallery is controlled by a skin object that you pass to the class. You can change everything from the backgrounds of the control panels, to the icons for the slideshow and video player, and even the video icon overlay for thumbnails that are video items.
You can have unlimited albums, and unlimited items in each album. When there are too many albums to fit in the album panel, the list will scroll horizontally based on your mouse position. Same goes for items, if there are too many to fit on the screen, they will scroll vertically based on your mouse position. This is done with my SmoothScroller class.
The class was written in AS3, and if anyone needs any help, I’m glad to assist. Thank you, and enjoy!