Actionscript 3 - Written by Artluvr on Friday, April 18, 2008 18:01 - 27 Comments
Auto Resize XML Image Gallery – Actionscript 3, Flash CS3, Tweener
Slick gallery is an XML based gallery that resize according to the dimensions of each image. You can have your typical next and previous buttons and you can also have a description for each image. Each image changing has a cool transition and a preloader.
You can customize
- The xml filename
- The skin color (border, text background)
Price: € 6
Share and Enjoy:
27 Comments
Dénis
The full AS3 source code is included, so you can customize it howerver you like.
ginix
Is it possible to have it in AS2?
ginix, we will make an AS2 version file, but we really don’t know when.
I’d buy it right now I’m just too worried that I wont be able to put inside an flash document. I’m a beginner and I’m just trying to do a simple menu witch every button leaves to a different sliding gallery.
If I’d be able to do it i’d buy it right away (its simply perfect and cheap!)
Duccio, we are glad that you like it! This is a very simple gallery, and you can initialize it by writing 3 lines of code. I don’t believe that you’ll have any problem.
Hello, I would like to put my arrows as movie clips which are fla file. How could I reference the two right and left arrow movie clips to be used rather than the images?
Just replace the arrow image files that you found when you unziped the .zip file.
I’m sorry I didn’t explain my question right…
I want to have arrows that are not inside the slideshow window. I want them to be in a fixed position outside the picture so the the user doesn’t have to keep moving his/her mouse to where the arrow is according to the picture size.
How hard would that be to do?
Derek, it’s not very easy, but try the following:
you’ll find two functions inside the SlickGallery.as file called positionLeftArrow and positionRightArrow at line 228. Here you can set the initial position of each arrow.
Then at line 321 you’ll find the function resizeAndMove. There we set up the arrows position after the image is loaded. Try changing those too.
Hope that helps!!!
Actually it was too hard,
3 small steps for those who want to move the arrows to a fixed position, this here fixes it to the right and left edge of the browser rather than the image, so that you don’t have to move the mouse while you are viewing the images.
1) I just changed the leftArrow and rightArrow variables on lines 323 and 324 to this…
this._leftArrow.x = (- stage.stageWidth / 2);
this._rightArrow.x = stage.stageWidth / 2 – this._rightArrow.width;
2) Then I added this function to move the arrows if the browser is ever resized. (I had to call it from within the initEventListener)
private function StageHandler(event:Event):void
{
this._leftArrow.x = (- stage.stageWidth / 2);
this._rightArrow.x = stage.stageWidth / 2 – this._rightArrow.width;
}
3) Lastly I removed the rest of the code within the initEventListener and in to remove the arrow visibility not to depend on image RollOver.
can email me if you want the code
andrew
i have just purchased this gallery and although i can add it to my site it does not seem to disappear when i go to a different part of my site. the gallery just seems to sit behind the other content from different pages
Andrew since the gallery sits inside a Movieclip, you’ll have to hide the entire movieclip when you need to show other information.
I had the same problem, I simply solved it by doing what Artluvr said,
my code looks like this… myMC.visible = false;
if you do that you have also to add a function to make it visible again though.
Jack
Can you make this auto running?
This is an excellent application and exactly what I was looking for!
Just a quick question: I need the images to auto-rotate after a specific interval, approximately 3-4 seconds; where can I use a SetInterval, which function would I call (rightArrow_CLICK?) to automatically increment to the next image? Can you provide a quick AS example?
THANK YOU SO MUCH!
Thanks. I figured it out with the new Timer event in AS3.
However, I am trying to read a dataset from a ColdFusion CFC with AMF (AMF0 or AMF3?) and flash.net remoting so that I can return records from a SQL database instead of using an XML file. Do you have any recommendations on this? Thanks again.
@Jack, unfortunately it doesn’t support auto running. But that’s a nice suggestion. We will consider updating the code for allowing auto running. What you can do is set a Timer that will execute the function that changes the images.
@Vito, what we would usually do is to return the dataset as an xml file so that it can be parsed by the Flash
@Vito, your thinking is correct! Use a timer
Jorge
Hello there. I\’ve purchased this gallery, very nice one by the way, but I\’m new to this hole AS thing. I want to change the border color to white and I would like to add a drop shadow to it. Can you help me? Thanks!
@Jorge, when you initialize the object the final parameter is the skin color. this includes the border.
Frank
hi i put photos around 1000x 800 in and it dosent fit the hole picture in does this work with bigger photos most of them are 800×600 that i want to use some are a little bigger
cheers
Alycia
I purchased this gallery awhile back and love it. I built a Flash site that creates a gallery when a button is clicked and loads it into the site. But when I do this the captions do not show up. Can you tell me how to fix this? Also, once the gallery is loaded into the site I need it to be able to scale with the rest of the site, is that possible?
Thanks.
@Frank, unfortunately it doesn’t work well with larger images.
fuya
The gallery is great.
To customize, I would like to know how can I make the gallery to autoplay.
Is there a way to add thumbnails?
Thanks,
@fuya, unfortunately you cannot add thumbnails, neither the gallery can autoplay.
Leave a Reply
Most Popular Content
- thecodemonster.net has a new logo
- XML Based Fullscreen Image Rotator With Proportional Resize – Flash CS3 – Actionscript 3
- MP3 Player – XML based – Flash CS3, Actionscript 3, Tweener
- XML based banner rotator – Actionscript 3, Flash CS3
- Image Panning on Mouse Move – Actionscript 3 – Flash CS3
- XML Image Gallery – Actionscript 3, Flash CS3, Tweener
- XML based image gallery – Actionscript 3, Flash CS3, Tweener
- Scrollbar with easing – Actionscript 3 – Tweener – Flash CS3
- 3D Carousel XML based – Actionscript 3, Flash CS3
- Papervision3D Spiral Carousel
- Depth of Field with Papervision3D & Tweener
- @Sulaiman, you can do it by removing every child inside the movieclip, and then ...
- @william, The calendar is a movieclip. You can just move it by changing the x an...
- @fuya, unfortunately you cannot add thumbnails, neither the gallery can autoplay...
- @jck, It's not the scroller's fault. Flash has a limit on the height of textfiel...
- Hi, I just started using the scroller, but I'm having trouble with a long text, ...
- The gallery is great.
To customize, I would like to know how can I make the g...
- how do i actually move the calendar along the x and y axis. i can move the backg...
- hi Artluvr,
thanks for this. one quick question:
any idea how i could swit...
Image Galleries
- XML Based Fullscreen Image Rotator With Proportional Resize – Flash CS3 – Actionscript 3
- XML based banner rotator – Actionscript 3, Flash CS3
- XML Image Gallery – Actionscript 3, Flash CS3, Tweener
- XML based image gallery – Actionscript 3, Flash CS3, Tweener
- Auto Resize XML Image Gallery – Actionscript 3, Flash CS3, Tweener
- XML Based Zoom Gallery – Flash, Actionscript 2, FuseKit
Menus & Buttons
Utilities
- MP3 Player – XML based – Flash CS3, Actionscript 3, Tweener
- Image Panning on Mouse Move – Actionscript 3 – Flash CS3
- Scrollbar with easing – Actionscript 3 – Tweener – Flash CS3
- XML graph like Google Analytics – Actionscript 3, Flash CS3
- XML based MP3 Player Streaming Compact – Actionscript 3 – Flash CS3
- Events Calendar – XML based – Actionscript 3, Flash CS3, Tweener
- 3D Windows that rotate when you drag them – Papervision 3D 2, Actionscript 3, Flash
- XML based news bubble – Actionscript 3 – Flash – Tweener
- Magnifying glass zoom – Flash, Actionscript 2
- Interactive Snow with OOP Actionscript 2

Hi there, this might be just what I am looking for! But is the full AS3 source code included so I can customize it completely to my own needs (no use of components etc)?