Home / Components / User Interface / HTML / XML Image Grid AS3
HTML / XML Image Grid AS3
20 purchases
License:
By purchasing and downloading this license, you are entitled, as buyer, to use the product in an unlimited number of websites and other multi... [+]
$13.00
Package includes: MXP, FLA
Opens with: Flash CS3, Flash CS4, and above
AS Version: ActionScript 3.0
Flash knowledge required: Intermediate
Documentation: Well documented
Author:
If you create Flash web sites, tools, or applications for your customers, you can easily create more effective design...
Product ID:F0800333
Recently viewed:
4.3/5
The Image Grid is an application for Flash CS3 / ActionScript 3.0 ( AS3 ).
It is based on the HTML Table Renderer AS 3.0 component for image collections layout formatting and the Classic Scroll Bar AS 3.0 component for scrolling the image list.
KEY FEATURES:
- image collections in HTML format (CSS + tables support) easy to edit using your favorite HTML editor;
- use advanced features such as rowspan and colspan, advanced text rendering options, custom library fonts and external stylesheet files, custom colors and transparencies for borders and backgrounds, padding, spacing and much more;
- is is based on highly customizable components that you can also use in other Flash projects;
- includes browser window resize support, easy to adjust fading effects and each graphic element;
- optionally set the main XML configuration file path in HTML using FlashVars
Check the general Tips & Tricks page regarding all FT products.
Check also the Advanced Image Grid AS 2.0 ( AS2 ) version!
Check also other great FlashTuning.net products such as 3D XML Carousels, 2D & 3D XML Menus, XML Banner Rotators, XML Galleries & Slideshows, Video Lists & FLV Players, HTML News Readers by clicking the image below:
This product is included in ALL FILES PACKAGE:
$13.00
License:
By purchasing and downloading this license, you are entitled, as buyer, to use the product in an unlimited number of websites and other multi... [+]
Other by Flashtuning:
Multiple categories HTML / CSS driven video gal...[+]
Related components:
Featured components:
15 Comments
Add comment
Koappa on August 15, 2008
Actionscript novice here and still experimenting with the components.
On the scroll bar, where do you change the rollover color,
CSS, HTML or in actionscript?
# / PM
ghostface02 on August 19, 2008
Does the width of this component have to be 100%? Can it be resized to fit inside a fixed width page?
# / PM
Flashtuning on August 22, 2008
Hi,
To customize the scroll bar please check the built in Help Book, the quick start guide and the most common questions and answers that you can find in the Advanced Scroll Bar / Help&Support online area. They are also available for the Classic Scroll Bar.
Best regards,
Flashtuning
# / PM
Flashtuning on August 22, 2008
Yes you can adjust the HTML layout any width you want.
# / PM
chillbill74 on September 08, 2008
When I add a swf file the animation does not stay within the document size. Is there something that I can do to the gallery to make my animation look better? thanks Bill
# / PM
focusmedia08 on September 10, 2008
I bought this gallery and our site is AScript 2.0 and your gallery is 3.0. it obviously doesnt work, and it would be a lot of work to rebuild our site with 3.0 in order for it to work for us.
Is there something we can do?
# / PM
Flashtuning on September 15, 2008
Hi,
If your site is ActionScript 2.0 then buy the Advanced Image Grid AS 2.0 .
Best,
FT
# / PM
Flashtuning on September 15, 2008
Make sure you have set the width/height attributes in your HTML file for the img tag.
# / PM
sammyjay on October 17, 2008
I have just purchased this. When I preview the fla or open the index.html all the content it at the other end of the scroller, and the bar is tiny, I have to scroll up for ages to see any images..
How do I fix this?
# / PM
Flashtuning on October 17, 2008
You need to select the scroller component from the stage, open the Components Inspector Panel and adjust the viewAreaWidth and viewAreaHeight paramters to achieve the visible area size you need. Check the Scroll Bar and Table Renderer components examples and quick start guide included in the bonus package to get familiarize with the usage of these components.
If you're using mac and you want to reset the scroller position to top you need to add the following function in the image list clip actionscript code layer at the bottom:
function setTop(e:Event) { sb.scrollPercentage = 0; e.target.removeEventListener("enterFrame",setTop);
}
function resetScroller() { addEventListener("enterFrame",setTop);
}
and call the resetScroller() method inside the tableRenderedHandler function at the end.
Best regards,
Flashtuning
# / PM
gguy124 on June 20, 2009
I’m really well versed PS and AI; not so much Flash though. I don’t know too much about Components, but the few I’ve played around with popped up in the component inspector by simple selecting it. In this case nothing is popping up(?) What am I doing wrong?
Also, I’m TRYING to use this component within my own flash file. I’ll need multiple galleries in other scenes, frames, or movies, that will be activated by a menu I also be implementing. Is this possible, to an intermediate degree anyhow? So far this component (or movie) is great if I had one gallery per HTML page. But I need multiple galleries within one flash file.
Any help appreciated. thanks
# / PM
Flashtuning on June 20, 2009
Hi,
This is an application built using two base components ( the FT HTML Table Renderer and FT Scroll Bar ) ( not a component itself ). Multiple galleries is not a default feature but you can try to create different xml / html layout etc configuration file names for each gallery and modify the xml configuration file parameters for each of them.
Regards,
Flashtuning
# / PM
drp2p on June 24, 2010
Your product works great for maybe 15 photos at tops. I tried to use more the 50 photos and it simply will not work.
# / PM
Flashtuning on June 24, 2010
Make sure all tags and attributes are correctly closed and lowercase else the page will not render correctly. For example the most common mistake is to not close the <img> tag at the end using “/”:
<img etc….> -> this is incorect
<img etc … /> -> this is correct
# / PM
jjpitts on August 29, 2010
Is there an easy way to :
1 move the image box to right of the thumbnails?
2 have the first image display on page load?
Thanks!
# / PM