Home / Components / User Interface / FREE HTML / XML Image Grid AS2
FREE HTML / XML Image Grid AS2
191 downloads
License:
By downloading this product, you are entitled, as end user, to use the product in an unlimited number of websites and other multimedia projects, pe... [+]
$0.00
Package includes: MXP, FLA, SWF, HTML, XML, JS
Opens with: Flash MX, Flash 8, Flash CS3, Flash CS4, Flash CS5, and above
AS Version: ActionScript 2.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:F0800271
Recently viewed:
4.5/5
////////////////////////////////////////////////////////////////////
Free Flash Components XML
////////////////////////////////////////////////////////////////////
It is based on the HTML Table Renderer component for image collections layout formatting and the Classic Scroll Bar 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.
Visit FlashTuning portfolio for other great products such as 3D XML Carousels, Dock XML Menus, Image Scroller Menus, XML Banner Rotators, XML Galleries & SlideShows, Video Lists & FLV Players, HTML News Readers.
Check also ALL FILES PACKAGE:
$0.00
License:
By downloading this product, you are entitled, as end user, to use the product in an unlimited number of websites and other multimedia projects, pe... [+]
36 Comments
Add comment
1 2
alimdar on February 24, 2009
how difficult is to load external swf instead of big images? does it require lots of code changing?
I would pay you extra for that.
# / PM
Flashtuning on February 24, 2009
You don’t need to pay you simply specify yourfile.swf instead yourimage.jpg. So you can specify swfs exactly like images.
# / PM
alimdar on February 25, 2009
excellent! I Bought the file…as I loaded into my main flash file it gets centered and when I toggle full screen moves everything up to the top left corner…I wanted it in a specific place of my page. Can you point me out how to do so?
thanks a lot
# / PM
Flashtuning on February 25, 2009
Hi,
You need to edit the mainContent movie clip from the stage and comment the Stage.addListener(myListener); method and you can also comment the setImageListBox(); //center image list and setImageBox(); and setPreloaderBox(); method calls. This code you see here is responsible with centering the content.
Hope this suggestion helps.
Best regards,
Flashtuning
# / PM
alimdar on February 26, 2009
Hi again.
Thanks for the hint. I am trying to load the gallery as swf movie into another (main) movie which already has code for the full screen. When gallery is loaded it is not centered and when full screen is activated it does not follow the movement/adjustment of other elements but instead it follows its own commands %u2013 it moves down and to the right.
So I erased the functions:
setPreloaderBox();
setImageListBox();
and I added a positioning condition in the frame in the main movie where gallery is loaded:
loadMovieNum(“gallery.swf”, 1);
this.onEnterFrame = function()
{
if (_level1._x != -165) {
_level1._x = -165;
_level1._y = 80;
} else {
delete this.onEnterFrame;
}
};
In this way everything appears as it should except the big image in the full screen mode. It does not appear on top of the gallery, like in the normal mode, but under it (it does not adjust properly to the full screen). Can you maybe point me out how to solve this?
# / PM
alimdar on February 26, 2009
hello, I would really appreciate you answer me…
# / PM
Flashtuning on February 26, 2009
As a suggestion for your particular implementation case … try to swap the big image preview movie clip depth to the max depth available in your movie. This way it will certainly be displayed on top of all other elements in your movie.
# / PM
alimdar on February 26, 2009
I have no idea what does it mean…
maybe a tutorial you can point me to?
I am also trying to change the size of the thumbs, with no success…
# / PM
Flashtuning on February 26, 2009
Hi,
To change the size of the thumbs you edit the .html grid layout file and adjust the <img> tag width and height attributes for each image.
Regarding the highest available depth in your movie you can check the Flash documentation and look for swapDepth method.
Best regards,
Flashtuning
# / PM
alimdar on February 26, 2009
sorry,
I managed to change the thumb size…
is the roll over thickness due to:
var cellRollOverBgColor = “0xCC0000”;
var cellRollOutBgColor = “0xFFFFFF”;
can I change the thickness or just the color?
gonna check the swap depths
tnx
# / PM
alimdar on February 26, 2009
i just realize that what I have is not a depth problem – the big images do show on top of the thumb scroller but on pressing fill screen they move bellow. They are still on top, yet their position shifts more towards the bottom of the scroller.
sorry for all these questions, I am really trying my best ))
# / PM
Flashtuning on February 26, 2009
Hi,
You can change only the bakground color for roll over / roll out. That border you see in the examples is basically because the image size is less than the cell size and is shifted due to cellpadding attribute of the table and/or other cell/image alignement attribute(s).
Try doing something else instead loading the .swf into level 1 using the loadMovieNum("gallery.swf", 1).
Create an empty Movie Clip and give it an instance name of for example: galleryHolder and load the .swf inside this empty clip using the loadMovie method:
galleryHolder.loadMovie("gallery.swf"); You have more control over this newly created Movie Clip instead using levels to load external content.
Hope this helps.
Best regards,
Flashtuning
# / PM
alimdar on February 27, 2009
hi,
‘can I make the thumbs to fade to 50% on rollOver, instead of having the border. If yes, in which line of code?
...by the way the scroller cannot be customized…the scrollbar / slider stretches dynamically. For instance I wanted to have dots, instead of a rectangular and couldn’t do it – it gets stretched and looks terrible.
A
# / PM
alimdar on February 27, 2009
could I also replace the scroller with some other…?
# / PM
Flashtuning on February 27, 2009
Hi,
The Scroll Bar component used in this file is the most customizable scroller on the market. You simply open the movie library (CTRL L) and look for the Scroll Bar Assets folder and you’ll find each graphic symbols used by the buttons, scroll track, scroll slider. The slider and track is built from thumbnail pieces and is not streched. You simply edit the base thumbnail symbol for the slider and you’ll have a slider with dots.
Check also the bonus folder for the Scroll Bar component, install it, check the built in Help Book and examples if you want to get more familiarized with the Scroll Bar component usage.
You can only change the color intentisity for roll over and roll out, fade out on roll over is not implemented in this version but you can implement such functionality yourself by altering either the bgalpha property of the image cell or the alpha property of the image movie clip itself.
Best regards,
Flashtuning
# / PM
Hardik on August 28, 2010
# / PM
1 2