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.

7 Responses to “Pixgal AS2 XML Image Gallery”

  1. Pixgal XML Image Gallery « JuliusDesign Says:

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

  2. stefano Says:

    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

  3. andrew Says:

    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.

  4. paolo Says:

    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…

  5. paolo Says:

    ’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._height
    HHH; // 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…

  6. andrew Says:

    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.

  7. paolo Says:

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

Leave a Reply