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

View Example

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.

About this entry

You’re currently reading “Pixgal AS2 XML Image Gallery,” an entry on visualcondition blog – flash & ruby on rails

Published:: 09.19.07 / 9pm

Category:: Actionscript, Flash

Pixgal XML Image Gallery « JuliusDesign 09.26.07 / 11pm

[...] 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 [...]

stefano 10.16.07 / 3pm

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

andrew 10.16.07 / 4pm

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.

paolo 10.17.07 / 6am

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…

’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…

andrew 10.17.07 / 11am

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.

paolo 10.17.07 / 10pm

4 first time is really a great work! Now i try it. Tnx 4 the answer…

mattia 06.09.09 / 6am

hi andrew… can i change the word “RETURN”?

marco 11.26.09 / 4pm

Hi Andrew great work this gallery, I saw the script is long and hard to understand, but the result is really nice, I have a question, could i increase the larger image size when i click on the thumbnail? – where’s stored the right parameter?

good day thanks

buona giornata grazie

andrew 11.26.09 / 5pm

Hey Marco, I think what you’re looking for is actually in a previous post If not, then I may be misunderstanding what you’re looking for.

visualcondition blog – flash & ruby on rails

Pixgal AS2 XML Image Gallery

About this entry

10 Comments

Have your say

About Andrew Fitzgerald

Twitter / visualcondition

Recent Comments

Categories