Actionscript 3 - Written by Artluvr on Friday, April 18, 2008 18:01 - 27 Comments

Auto Resize XML Image Gallery – Actionscript 3, Flash CS3, Tweener

Auto Resize XML Image Gallery - Actionscript 3, Flash CS3, Tweener

VIEW DEMO

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

You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Dénis
May 8, 2008 19:19

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)?

Artluvr
May 10, 2008 15:39

The full AS3 source code is included, so you can customize it howerver you like.

ginix
Jun 5, 2008 6:03

Is it possible to have it in AS2?

Artluvr
Jun 12, 2008 17:23

ginix, we will make an AS2 version file, but we really don’t know when.

Duccio
Jun 18, 2008 18:00

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!)

Artluvr
Jun 25, 2008 13:26

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.

Derek
Feb 21, 2009 11:38

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?

Artluvr
Feb 22, 2009 10:49

Just replace the arrow image files that you found when you unziped the .zip file.

Derek
Feb 26, 2009 9:53

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?

Artluvr
Feb 27, 2009 22:59

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!!!

Derek
Feb 28, 2009 20:40

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
Mar 9, 2009 14:45

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

Artluvr
Mar 11, 2009 8:15

Andrew since the gallery sits inside a Movieclip, you’ll have to hide the entire movieclip when you need to show other information.

Derek
Mar 11, 2009 10:41

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
Mar 28, 2009 18:39

Can you make this auto running?

Vito
Mar 29, 2009 17:15

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!

Vito
Mar 29, 2009 19:58

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.

Artluvr
Mar 30, 2009 11:46

@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.

Artluvr
Mar 30, 2009 12:04

@Vito, what we would usually do is to return the dataset as an xml file so that it can be parsed by the Flash

Artluvr
Mar 30, 2009 12:04

@Vito, your thinking is correct! Use a timer

Jorge
Mar 30, 2009 12:47

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!

Artluvr
Apr 18, 2009 14:39

@Jorge, when you initialize the object the final parameter is the skin color. this includes the border.

Frank
Nov 11, 2009 14:20

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
Jan 28, 2010 17:47

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.

Artluvr
Feb 6, 2010 9:17

@Frank, unfortunately it doesn’t work well with larger images.

fuya
Feb 17, 2010 17:57

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,

Artluvr
Feb 23, 2010 20:53

@fuya, unfortunately you cannot add thumbnails, neither the gallery can autoplay.

Leave a Reply

Comment

Most Popular Content






Image Galleries


Menus & Buttons


Utilities


Freebies