Home / Components / Galleries & Slideshows / Dynamic XML Image Gallery with Thumbgrid /
Dynamic XML Image Gallery with Thumbgrid
12 purchases
License:
By purchasing and downloading this license, you are entitled, as buyer, to use the product in ONE SINGLE NON-COMMERCIAL PROJECT ( website&nbs... [+]
> View graphic table with full license features
$5.00
Package includes: FLA, XML,PDF
Flash Version: Flash CS3, Flash CS4
Viewable with: Flash Player 9
Documentation level: Well documented
Action Script: ActionScript 3.0
Product ID:F0902449
About
Dynamic Image Gallery component is a complete image gallery Flash component and application driven by XML which targets to provide flexibility to the non programming users. It's a highly customizable image gallery that can be configured with a simple text editor by editing its 30+ useful configuration.
I tried to create a flexible Image Gallery Component that can be easily customized without having knowledge of Flash. While I was developing this, my goal was to create it in such a way that it can support various layouts without recompilation and can be used in various web projects by keeping the Flash file intact.
And I finally created this. I hope this will be helpful to you.
Compatibility:
Using:
- Flash player 9.0 and above
Authoring:
- Actionscript 3.0;
- Flash CS3 and above.
Includes:
- Flash CS3 Flash file containing the component;
- Sample configurations;
- Sample gallery;
- Example layouts;
- Help document.
Features:
- Highly Customizable: over 30 settings can be changed through XML.
- Works in three modes : Compact, Expanded, Fullscreen.
- Supports background sound with spectralizer.
- Sound can be paused and resumed.
- Thumbnail grid with indexer for easier browsing of large number of images.
- Compact and Fullscreen Slideshow.
- Unlimited number of images.
- Supports SWF as content.
- Animated transformation between modes.
- Compact and lightweight: low memory consumption and CPU usage.
- Various layouts through XML.
You can change following in config.xml
album_xml_src
sound_enabled
sound_url
repeat_sound
outside_align
right
bottom
skin_color
auto_slide_show
slide_interval
image_dir
thumbnail_dir
thumbnail_size
thumbnail_image_size
thumbnail_inter_space
thumbnail_border_color
grid_right
grid_bottom
grid_row_count
grid_column_count
grid_arrow_enabled
grid_arrow_outside
grid_indexer_enabled
indexer_auto_aligned
indexer_right
indexer_bottom
frame_right
frame_bottom
frame_width
frame_height
frame_border_size
frame_border_color
frame_border_alpha
frame_right_expanded
frame_bottom_expanded
frame_width_expanded
frame_height_expanded
photo_text_enabled
Installation
Installation is very simple.
1> open xmlGallery.fla
2> drag the main component(Gallery Component) from the library to the stage
3> give it an Instance name(say ' gallery').
4> Finally call gallery.loadSettings ("config.xml");
and you are done.
Full user manual included describing customization info and guide to integrating to your website.
Enjoy!
A newer version is available
Please download the new version from below link

http://www.flashcomponents.net/component/dynamic_xml_image_gallery_with_thumbgrid_v2.html
$5.00
License:
Personal License By purchasing and downloading this license, you are entitled, as buyer, to use the product in ONE SINGLE NON-COMMERCIAL PROJECT ( website or other multimedia project not generating income ), your personal work or work for a client. You may not redistribute / resell the functionality provided with the purchased product without the author's and / or FlashComponents.net written permission, but you may modify its content. In case you want to use the product for a commercial project then you will have to buy the 'Commercial License'.
| Usage Terms: | Personal | Commercial | Multiple |
|---|---|---|---|
| Use in ONE SINGLE NON-COMMERCIAL project | |||
| Unlimited use in the same project | |||
| Use in ONE SINGLE COMMERCIAL project | |||
| For your client's ONE SINGLE COMMERCIAL project | |||
| MULTIPLE COMMERCIAL projects | |||
| For your client's MULTIPLE COMMERCIAL projects |
Other by volvox:
Dynamic Image Gallery component is a complete i...[+]
Related components:
Featured components:






















20 comments
Add comment
volvox
#  /  PM  /  posted on Aug 24, 2009
jbuultjens
Hi… how do i turn off the blur on mouseover ?
TIA
James
#  /  PM  /  posted on Aug 30, 2009
jbuultjens
Hi.. component seems to work OK in firefox, chrome but not in IE
#  /  PM  /  posted on Aug 30, 2009
volvox
@James
This can’t be customized from XML in this version ,However if you are using a flash authoring tool like Flash CS3/CS4, you can disable it.
open ‘Library’ in Flash by pressing ‘F11’ key & look for
Thumb Container-> Mbuttons
Enter Edit mode of ‘Mbuttons’ by double clicking on it.
Now Modify Frame Script as follow located in ‘action’ layer.
go to line ‘68’ and you will see some thing like..
function onMouseOver(evt:Event):void
{ iMotion.go(thumb_mc, 1.5, {blurFilter:{blurX:20},ease:iMotion.BackEaseOut});
}
Change the above code with the following code..
function onMouseOver(evt:Event):void
{
}
And then recompile it, you are done!
#  /  PM  /  posted on Aug 30, 2009
volvox
Hi it works fine in IE 6+. Please post more specific . Are you seeing the component to be very small in IE?
#  /  PM  /  posted on Aug 30, 2009
jbuultjens
Thanks for yr quick reply.
when i trying to view this page in IE 8.0.6 i get a blank page. works ok in chrome, FireFox, Safari.
http://users.tpg.com.au/thorwood/photo/architecture/architecture.html
http://www.maddenadvertising.com.au/ourwork/photography
could you please review the code and provide feedback.
TIA
#  /  PM  /  posted on Aug 31, 2009
jbuultjens
i have currently set the main frame to 530X410; when i load a larger/small image it shows it doesn’t display it correctly…..
as i have to deal with 100’s of images resizing them is not an easy option. would you have any suggestions on how best to handle this?
TIA
James
#  /  PM  /  posted on Aug 31, 2009
volvox
Try following code…I tested it & it worked on all major browser with flash enabled.
<html>
<body bgcolor=”#000000”>
<center>
<object width=“800” height=“720”>
<param name=“movie” value=“xmlGallery.swf”>
<embed src=“xmlGallery.swf” allowFullScreen=“true” quality=“high” bgcolor=”#000000” width=“800” height=“720”>
</embed>
</object>
</center>
</body>
</html>
#  /  PM  /  posted on Aug 31, 2009
volvox
The component displays images in following manner
(*) Forcefully stretches images to frame size in compact mode(mode that shows thumbgrid with frame).
(*) Stretches the frame to original image size in full screen mode if your image size is less than your monitor resolution other wise it fits the image to your monitor resolution.
So if your frame size is 530×410 then all images will be stretched to 530×410 in compact mode & display original size in fullscreen mode.
“when i load a larger/small image it shows it doesn’t display it correctly…..”
Please make me clear what you are trying to do!.. If you need it to display images in their original size in compact mode ,then it is not supported in current version.
So in this situation resize your images to your frame size as nearly as possible by using a image resizing software. resinzing images in not hard job especially if it supports multiple images to be resized at once. One such free software in windows platform is “PIXresizer” you can try it.
regards, volvox
#  /  PM  /  posted on Aug 31, 2009
jbuultjens
thanks for all the tips.
i tried your code
http://users.tpg.com.au/thorwood/photo/architecture/architecture2.html
i only see a white dot in IE. other browsers dont show anything.
#  /  PM  /  posted on Sep 01, 2009
volvox
It did not work due to alteration in quotation(”) ascii character used in code. If you rewrite those quotation manually then you’ll see that no problem with the code. You just copied and pasted the code thats why it did not worke. however I PM’ed you the source hope this will work.
#  /  PM  /  posted on Sep 01, 2009
jbuultjens
Thanks mate… works in IE now…. appreciate your prompt assistance with all this.
Just one last question. where could i change the colour of the indexer numbers and navigation buttons and the slide-show navigation buttons.
TIA
#  /  PM  /  posted on Sep 01, 2009
hank3.5
I am thinking about buying, although I would like to add a link on the big picture. Is that an easy possibility?
#  /  PM  /  posted on Sep 01, 2009
volvox
_____________
Update for all
_____________
The component is updated resolving the problem of displaying bigger images in fullscreen mode. The update will be freely available to them who already purchased the product .
The update will be avilable soon.
#  /  PM  /  posted on Sep 01, 2009
volvox
@ hank3.5
Hello, The image description can contain HTML text so you can add Hyperlink using <a> tag.
————————————————————————————————————————————————-
@ jbuultjens
The component is updated & it’s new features are
(*) Display larger images than screen resolution in fullscreen mode without worrying about manual resizing.
(*) Change Indexer,Control buttons,navigation button color along with skin color by editing ‘skin_color’ property in ‘config.xml’.
You can PM me your e-mail address so i can directly mail the updated file. As you already purchesed the file you’ll get it freely.
#  /  PM  /  posted on Sep 01, 2009
volvox
#  /  PM  /  posted on Sep 07, 2009
dhalle
Hi,
Thanks for the gallery. It works really well. I managed to make some changes, like changing colors, changing the height and with and a few more.
The final change I would like to add is to loop the image gallery.
Do you have any suggestions where I can add this code?
Regards,
Eva
#  /  PM  /  posted on Nov 17, 2009
volvox
Hello Eva,
I guess you are talking about playing slides endlessly until user stops it. I have built new version which includes this feature. you can PM me your email address so I can send this to you freely as you already bought this.
volvox
#  /  PM  /  posted on Nov 20, 2009
dhalle
Hi Volvox,
Thanks again for the update.
Regards,
Eva
#  /  PM  /  posted on Dec 06, 2009
volvox
Free Update for all existing customer
—————————————————-
A newer version of this component is now available here
free upgrade option is available for all existing customer.
Thanks!
#  /  PM  /  posted on Dec 06, 2009