Pixgal AS2 XML Image Gallery
This is the first (and only so far) XML image gallery I’ve ever made. It’s nice and tidy, and in 3 classes, unlike messy flas that you have to hack through. I made this almost exactly a year ago, and never really shared it for some reason, until now. It’s no use to me at all, and is not up to my OOP standards these days, but I’m sure many will find it useful in learning.
Given the fact it was my first and that it was such a long time ago, I really don’t remember the ins and outs of it. I just figured I’d put it out there since I wasn’t too happy with the quality of beginner XML gallery examples scattered across the ‘net.
So here’s a few features:
- Almost entirely XML based
- Class based, not FLA timeline
- Image preloading
- Fully customizable
- Tagging support in XML
- Visual tag filtering
- Thumbnail and expanded views with descriptions and titles
- Tag caching
- Image hyperlinking through XML
- And more little things
Pixgal and Example Included is the latest Fuse Kit which is needed. Also, this is made with Flash 8 and AS2, so I don’t know if it’ll work in MX2004.
September 26th, 2007 at 11:55 pm
[...] XML Image Gallery 27 09 2007 Ho scoperto recentemente il blog di un Flash Designer di nome Andrew Fitzgerald e vi voglio segnalare un suo progetto in fase [...]
October 16th, 2007 at 3:13 pm
i would like to change the color of the box around the thumbnail and around the image.
how can i do it? i don’t find the right code line…
help me!
thanks
October 16th, 2007 at 4:37 pm
It’s in the xml, 2nd line: configuration imgbackcolor=”0xE0CFA7″ preloadercolor=”0xFCFAF5″ rows=”3″ cols=”3″ thumbw=”160″ thumbh=”75″ border=”1″ padding=”15″ oversize=”10″ expandpos=”200″
imgbackcolor and preloader color if you want.
Just follow the format of the example xml for your own.
October 17th, 2007 at 6:36 am
hi andrew! tnx 4 the great work! a question, to resize bigger the thumb clicked on the grid, must change piximage.as? and if so, where, precisely? tnx again…
October 17th, 2007 at 6:47 am
’cause i try myself to make bigger the thumb on rollover and put it enough in the center. In this .as in function expand i’ve try to insert bigger number:
var bw:Number = mask._widthWWW; // where WWW is higher than 2
var bh:Number = mask._heightHHH; // where HHH is higher than 2
and in:
var pos:Array = [(_gallery._grid._width/2)-_thumbdim[0], (_gallery._grid._height/2)-_thumbdim[1]];
where sobstitute /2 with higher nr
but ther’s a problem, lower is the row, lower is the final position… what do u think?? tnx again…
October 17th, 2007 at 11:34 am
Yeah, it’s actually very complicated to change it, which is stupid on my part. But what do you expect your first time eh? I think there’s a configuration property in the XML for it, but I never actually coded it into the class.
If you feel daring, in that expand function, replace all instances of ‘200′ with whatever dimensions you want. Let’s say ‘300′. Now anywhere you see *2 in this function, replace it with *(YOURNUMBER/100), so in this example, it’ll be *3. That should do most of it.
October 17th, 2007 at 10:48 pm
4 first time is really a great work! Now i try it. Tnx 4 the answer…