alert This appears to be a flash file, you cannot see a preview because flash player is no longer supoorted in browsers, but you can still download the file to study it's source code.
You can open/play the swf file with Flash Player exe
user tpspoons
tpspoons (1)

XML Image gallery with image scrolling

This gallery is better for large images, as if the image is larger than the screen resolution it is scrolled when you click on it.

You can change some settings in the Root.as file, such as thumb size etc.

The gallery uses the TweenLite class, which you can download from here: blog.greensock.com/tweenliteas3 but it is also included in the source.

The classes are AS3, and the fla...
more >
25285 downloads, 117736 views
Download (20.04 MB)

Comments

You need to login to post a comment.

user motenga
motenga 12 years ago

Bonjour, je me prsente je m'appelle M Nyele Motenga jonathan je suis auto entrepreneur en france et je souhaiterai utilis votre galerie d'image pour un site internet d'une association sportive de judo se nommant Judo Club de St Priest s'il vous plat merci de me repondre sur [email protected] au revoir bientt.

user ifuwant2know
ifuwant2know 14 years ago

One buggy thing that I noticed about the gallery is that if you click on multiple images, the events of the prior clicks aren't canceled, so they all display randomly whenever they are done loading.

user pushkinlove
pushkinlove 14 years ago

nice work man
but how to make categories with scroll too??

user pushkinlove
pushkinlove 14 years ago

hey man how can contact with u???

user pushkinlove
pushkinlove 14 years ago

realy amazing! the best one

user charles07
charles07 14 years ago

I really like this site. love you all

user ovm.surendar
ovm.surendar 14 years ago

good work nice...

user chvs_2002
chvs_2002 14 years ago

Problems to load in a main movie:

TypeError: Error #1009: Cannot access a property or method of a null object reference.
at classes::ImageViewer$iinit()
at classes::Script/::xmlLoaded()
...

Please, how fix this????

user urs1975
urs1975 14 years ago

great!! tnks

user Petunia
Petunia 14 years ago

Hi, first of all thanks a lot for this wonderful gallery.
I think I've the same problem of Paradeyes, Im' trying to load the gallery into another .fla and I've used the following code:
var loader:Loader = new Loader();
loader.load(new URLRequest("gallery.swf"));
It doesen't work, these are the errors:
TypeError: Error #1009: Cannot access a property or method of a null object reference.
at classes::Script()
TypeError: Error #1009: Cannot access a property or method of a null object reference.
at classes::ImageViewer()
at classes::Script/xmlLoaded()
at flash.events::EventDispatcher/dispatchEv entFunction()
at flash.events::EventDispatcher/dispatchEv ent()
at flash.net::URLLoader/onComplete()
I dotn'know where to start from...any hint would be appreciated!

user marcosvca
marcosvca 14 years ago

Hot ;D

user MirandaUrbanski
MirandaUrbanski 14 years ago

Hi tpspoons - wonderful gallery thank you. I'm curious to know if it's possible to remove both the fullscreen function and drop shadow on the image viewer? I've tried editing the AS code but to no avail. Your advice would be greatly appreciated.

Thanks, M

user rajpalraj
rajpalraj 14 years ago

Hi tpspoons -- Its indeed a great gallery, no 2nd thoughts.. but its not working if i make any changes in any of the .as file, Infact if i remove folder classes evn then swf works fine. is any file missing?? please help tpspoons....
Hey gz_max -- where is the version with prev/next buttons I am also want to show images in a slide show style. can anybody help...

thanks in anticipation
-Raj

user gz_max
gz_max 14 years ago

Hello. First, thank you for you great gallery. As I needed to, I made some changes and added the prev/next buttons to it. As some people asked here, you can see it with next/prev buttons. It's with the name "XML Gallery With Scroll and with next and prev buttons"

user lauri88
lauri88 14 years ago

Hi, this is very great! I have a question, may I use this gallery on a company website???

user azenquor
azenquor 14 years ago

greetings again, a question, I was looking at the action script code, to try and understand... ??? any way. Is it the actionscript that manipulates the background colour and such?

user leahjo5
leahjo5 14 years ago

I love the gallery but my images are coming through it looking quite desaturated. Is there a way to get them to display with their original jpg coloring?

user mcdazz
mcdazz 14 years ago

This is fantastic - it looks really good.

user showup
showup 14 years ago

Really awesome Gallery, easy to use, sleak design, thank you for this.

user Esteban
Esteban 14 years ago

Hi, This image gallery is awesome!!!

I have the same question that others post before but didnt see the answer, How I can load this gallery into another swf file?

I tried with loadMovie, loadMovieNum, ..getURl..., etc... etc.. but i cant do it !

Thank you very much for the help

user azenquor
azenquor 14 years ago

Uh, question, may I use this gallery on a company website, I felt the need to ask, and do you have a tutorial on creating a gallery like this, I would love to have it, thank you.

user kflorida
kflorida 14 years ago

How do you make the stage larger without breaking the full screen feature?

When I increase the size of the root.as imageViewer it breaks it all together.

When I increase the size of the flash stage, the wide images work, but the vertical images don't work.

Any ideas?

user praveenkumar386
praveenkumar386 14 years ago

hi
i need a contune image scroing in down row
thanks

user vane.georgiev
vane.georgiev 15 years ago

This xml gallery does not work with Cyrillic. Please anyone, how to solve this?

user usman_soofi
usman_soofi 15 years ago

plz any body tell me how to install classes???? when i click on index.swf after then it shows blank... help me plz.

user Paradeyes
Paradeyes 15 years ago

Hello!
Thanks for this code, it's perfect !
I have a problem when i want to load the swf file (index.swf) into my main swf (my fullflash website).
I've got the following error :
"TypeError: Error #1009: Il est impossible d'accder la proprit ou la mthode d'une rfrence d'objet nul.
at classes::Script$iinit()
TypeError: Error #1009: Il est impossible d'accder la proprit ou la mthode d'une rfrence d'objet nul.
at classes::ImageViewer$iinit()
at classes::Script/::xmlLoaded()
at flash.events::EventDispatcher/flash.even ts:EventDispatcher::dispatchEventFunctio n()
at flash.events::EventDispatcher/dispatchEv ent()
at flash.net::URLLoader/flash.net:URLLoader ::onComplete()
"

I think this error could be a conflict between my stage and the stage of the classes, but i don't know how to solve it.

Thank you very much for your help !

Best regards

user yyaahhoo
yyaahhoo 15 years ago

Nice...

user jessiebaby
jessiebaby 15 years ago

can this swf file be called by another swf file through loading method?? if yes, could u tell me how to do so?
THX:D

user hamza123
hamza123 15 years ago

Sorry! found the answer on the comment. I Just needed to rename the AC_RunActiveContent_safe.js to AC_RunActiveContent.js

user hamza123
hamza123 15 years ago

Very nice program! one of the few that has impressed me. Downloaded the file but I get a message when I load it to the browser: "This page requires AC_RunActiveContent.js". Can someone help me please?

Thanks.

user troppmann
troppmann 15 years ago

lol, figured that one out too, you HAVE to have captions, way to turn that off?

user troppmann
troppmann 15 years ago

ok, one last question...i hope

lorraine.leisureproductions.com/gallery /photostyling.html

loads the first image fine...doesnt want to load any others?

any general ideas would be AWESOME...thank you

user troppmann
troppmann 15 years ago

Neverminds....got it....names for thumbnails and images have to be the SAME...nice...cash will be on the way

user troppmann
troppmann 15 years ago

looks great....but for the life of me cant get the images to work on a swap out...

edited xml file with new image file name
saved it
put the image in the same exact directory that original images were in
test

Error #2044: Unhandled IOErrorEvent:. text=Error #2035: URL Not Found.

ONE change to the xml

<gallery name="gallery1" folder="gallery1">
<item name="what the absolute f***" file="flwdining.jpg" />

little help anyone? would appreciate it....

user feridunamca
feridunamca 15 years ago

very good and great work.
Thanks for sharing...

user awais_champ
awais_champ 15 years ago

very nice work .. really appreciate you for sharing this with us.
thanks.,..do u have any portfolio or homepage?

user Gibson
Gibson 15 years ago

hello.. My first comment on this site..:D I think its good!..:D I managed to learn a bit of actionscript while "prying" this file..:D I was able to decipher some of the code.. Everything looks great on my computer.. But i have a problem.. There is nothing when i upload it to my website.. Its just grey.. SOS!

user nenl
nenl 15 years ago

One of the best xml galleries I've seen - far better than what I've been able to do on my own. Hopefully I can learn something from it... Thanks for the post.

user thehuntress
thehuntress 15 years ago

I need to do something like this but with the thumbnails vertical, and in AS2, can anyone help me??????

user farthernorth
farthernorth 15 years ago

I really like this gallery. I am creating dynamic XML and for the most part it is working great - but how do I get the directory to change from "Images" to something else? I have tried changing the images.gallery to directory_a.gallery - but it does not seem to be working unless I am doing something wrong.

user oseidell
oseidell 15 years ago

Hi tpspoons.
Thanks for sharing this great gallery. But I have a question, how I do to change the Font aligment, I need the text align to the left. But when I do that, the ImageViewer back move to the left. I'll try through many ways but always happens the back movement. Can you help me please?

user LeilaJeanne
LeilaJeanne 15 years ago

Ok, this is my first time on this website and I have absolutly no idea how to use this thing??? How do I get it on my site??
Could you please give me a 101 or send me some where that can?

user yasza
yasza 15 years ago

the image won't show up when it's online. I just see the layout but there's no images, anyone have this same problem?

user jhulyano
jhulyano 15 years ago


Hello!

What I say because when I call the swf of the gallery into another swf gives the following error:

TypeError: Error #1009: No possvel acessar uma propriedade ou um mtodo de uma referncia de objeto nula.
at classes::Script()
at galeria_fla::MainTimeline/frame1()
TypeError: Error #1009: No possvel acessar uma propriedade ou um mtodo de uma referncia de objeto nula.
at classes::Script/xmlLoaded()
at flash.events::EventDispatcher/dispatchEv entFunction()
at flash.events::EventDispatcher/dispatchEv ent()
at flash.net::URLLoader/onComplete()

how can I resolve this error?

user kwonk03
kwonk03 15 years ago

i know few others had brought up this question before, but havent been addressed or answered...
why does the fullscreen function not work once you add your own images? it just opens up a separate browser window with the photo.

has anyone else been able to make it work with their own pictures?

user zillraja
zillraja 15 years ago

How can i make it autoplay all the images one by one..
even i click on any image it must continue autoplay from that image.........

Plz tell me how it is possible............

user adrianTNT
adrianTNT (admin) 15 years ago

Pachocas, the index.html is not empty, but it links to AC_RunActiveContent.js so please rename AC_RunActiveContent.js_safe to AC_RunActiveContent.js and it should work fine.

user Pachocas
Pachocas 15 years ago

the index file is suppose to be empty ???

user jdvictor
jdvictor 15 years ago

I've posted this before. But I must be misssing something here even when i change the xml file or the folder name it does not change has anyone done this succesfully? (read below)

How can I change the text at the bottom of the gallery from gallery 1 / gallery 2 / gallery 3 to another name

user bosek13
bosek13 15 years ago

hey great job on this gallery, i just have a few questions can i load the index.swf into another swf like my main timeline? and if so how could i do this? also another question how can i get rid of the view fullscreen? or stop it from opening my pictures in an html page? where people can download them and i prefer not to have people dowloading my pictures.. thanks again

user adrianTNT
adrianTNT (admin) 15 years ago

Hmv, the file is Flash 9 with AS 3, it says in description. And I set that info on the download button now.

user hmv
hmv 15 years ago

Hi, I have a problem when I try to open the .fla. It say to me that is "Incorrect format". maybe the problem is the version from the flash, because I'm using the flash 8. please tell me anything to [email protected]

user greg.eland
greg.eland 16 years ago

has anyone figured out the prev/ next buttons, and slideshow capability? This Gallery would be perfect with that.

Did I just miss it in the discussion?

user mluciarc
mluciarc 16 years ago

mil gracias

user duplex
duplex 16 years ago

jdvictor - it's in the XML file.

user Blackfusio
Blackfusio 16 years ago

by far probably one of the best gallery i've seen in a long time. just the auto resizing kicks most photo gallerys asses.

user jdvictor
jdvictor 16 years ago

How can I change the text at the bottom of the gallery from gallery 1 / gallery 2 / gallery 3 to another name

user duplex
duplex 16 years ago

Very neat little gallery.

One kind of bizarre issue - I couldn't get all the photos to load by clicking on the thumb. Seems it wouldn't load the image if the new image had the same item name (in xml doc) as the previous. So when I went through and just had name="" to start - none would work. Took me a while of testing to sort out...

In other words - you HAVE to have titles for the image and they all have to be different.

user gothgirlsarah
gothgirlsarah 16 years ago

Hi Everyone. This is my first time playing around with AS and Flash. I am having difficulty in both IE and FireFox. All of tps's files will do the "full screen" effect, but the ones I added will only pop up in a new window. I tried taking a look at the scripting in the AS files, but I couldn't figure out what would need to change. I even tried changing my gifs to jpgs. I am clueless. Any assistance is greatly appreciated!! Thank you :)

user kundor008
kundor008 16 years ago

Hi, tpspoons. First great. Second-> Can I use it for the gallery of my girlfriend? She made adornment and wants to open a store. Sry for my bad english

Best reagrds k

user ThaiPhoenix
ThaiPhoenix 16 years ago

Really like this one. Just one question. Is there a way to resize to fit 800 x 696 without distorting the contents off the area. Can yoy tell I'm still new to this?

user rynzco
rynzco 16 years ago

hi do you have as2 version of this file?...

user metropolevirtual
metropolevirtual 16 years ago

100%. Thank you!

user alextomas
alextomas 16 years ago

Hey! I love this image gallery! thank you very much. I have a question though! I dont the users to be able to click in the name of the picture and see it in a mode that is easy to download to the desktop, how can i stop that? if you dont know what i mean please let me know! thanks!

user akis_tnt
akis_tnt 16 years ago

nice work...but how can i intergrate it into flash?
I have ssearched a lot for a photo gallery app for a flash site i am into ,and urs just came out of the blue!!

user bosek13
bosek13 16 years ago

wow nice work!!

user sajaycv
sajaycv 16 years ago

hi this image gallery is fine but im having a problem. I am not able to increase the size of description for each picture....how can i fix it...?is there any way to increase the length of the description here

user d3rson
d3rson 16 years ago

how i can change the imageLabel to multiline??

user navshah
navshah 16 years ago

Can I load this swf file in any movie clip. I have tried my best. Please reply
Thanks in advance.

user kamionn
kamionn 16 years ago

good work ;-) congratulations

user Tommeh
Tommeh 16 years ago

Amazing work, very generous of you to share this!

user karlaghn
karlaghn 16 years ago

hi, is it possible to add a description of the picture below the title of the picture like "Red Flower" and below "blah blah blah blah blah" please anyone?

user gentewiki
gentewiki 16 years ago

excellent ;)

user andreweinfeld
andreweinfeld 16 years ago

Hi tpspoons,

Great job ! One important question for me : can you load swf. files instead of jpg. ?

Thanks much for your help and hello from paris

user ed_slow
ed_slow 16 years ago

cool

user keithallison
keithallison 16 years ago

is there an easy way to make it so that when you click on the image name (displayed on the image) that it takes you to a specified URL rather than open the original image?

user rdewolff
rdewolff 16 years ago

very intresting. let's see the code :) thanks for sharing!

user mikelevy
mikelevy 16 years ago

is it possible to move the title of the image like the text underneath the image and not on top of it?

user njoay
njoay 16 years ago

tspoons & dorit,

thanks so much for your responses! I've tried multiple times, but I'll try adding more images and test it again.

Dorit, that's interesting about having the same title for more than one image. I'll look into that too and make sure of the names. Thanks for the confirmation of 15+ images though. I guess I must be doing something wrong (as usual).

Thanks so much again to the both of you!

user ekonagu
ekonagu 16 years ago

am trying to open the index page.but the error showing this page requires Ac_RunActiveContent.js.pls any one help me plss

user dorit
dorit 16 years ago

Hi Njoay,
I haven't had any problems with adding more than 15 images. The only time I have had error messages was because I've made a typo when adding image file names to the XML doc. But that was my fault. Oh, and one more thing I've noticed, you should not have the same title for more than one image. That somehow prevents the main image to display when the thumbnail is clicked. Apart from that, no problems at all.
Not sure if that was helpful.

user tpspoons
the listing author tpspoons 16 years ago

njoay: Just tested it now, and I'm seeing no problem with having 15+ images.

user njoay
njoay 16 years ago

Hi Dorit,

How were you able to add more images and thumbnails to your gallery? Seems like there's a limit on how many images you can place in each gallery? Any help would be appreciated! Thanks again!

user njoay
njoay 16 years ago

Hi,

How do you increase the numbers of thumbnails? It seems like there's a limit of 14?

Thanks so much!

user myproton
myproton 16 years ago

fantastic

user tmmahgoob
tmmahgoob 16 years ago

very nice and good effort ......... thanks

user rgoquindo
rgoquindo 16 years ago

What version of flash is this.. I can't open your fla... Thanks

user rgoquindo
rgoquindo 16 years ago

wow.... GREAT...

user leobruno
leobruno 16 years ago

I dont know how do this ...

user leobruno
leobruno 16 years ago

Whatever,in html or in AS script. Simple button like "home". The more easy way to do this. Tks.

user tpspoons
the listing author tpspoons 16 years ago

Couldn't you code the button in html above the gallery?

user leobruno
leobruno 16 years ago

Tks, But i dont know almost nothing about AS, im just can change somethings. I need more of this info for do it works. :(.

In this galery we have 4 files of scripts inside the folder "classes" .. we have "GalleryChooser.as" , "imageviwer.as" , "root.as" , "script.as" , "thumb.as" and "thumbscroler". I need just simple button with "geturl" action with link for page "home.html". Where and what a need change on this scripts for make this work. ? Sry for this questions .. im noob :(

user Kinza
Kinza 16 years ago

hope that will help...

user Kinza
Kinza 16 years ago

buttons in AS3 do you have to make in the script and give them actions inside... like this...
neste.addEventListener(MouseEvent.CLICK , nknapp);
private function nknapp(evt:MouseEvent) {
vindu.source = info[bildeIndeks].filStor;
bildeIndeks++;
}

user leobruno
leobruno 16 years ago

Someone can post where i put any "back" button in this galery. Back to the "home.html" page. Tks.

user njoay
njoay 16 years ago

dorit,

very nicely done and explained! Thanks for the tip, very clever!

user dorit
dorit 16 years ago

Hi njoay,

Thanks for you comment.

The gallery as such is an individual html page in an iframe. The view slideshow link is outside the iframe. So when the gallery page is initially loaded it will show the gallery in the iframe by default and when the view slideshow link is clicked the slideshow (differnt html doc) is loaded into it. It's a simple html with CSS from://www.dynamicdrive.com, called Ultimate Fade-In Slideshow (v1.51). hope that helps.

user leobruno
leobruno 16 years ago

Very nice gallery! One of the best!

Tps, can u help me to put one button for back to another page? I try put action on button but in AS 3.0. I know, i need put this actions in class files, but where ?

user tpspoons
the listing author tpspoons 16 years ago

Glad to be of help :P

user njoay
njoay 16 years ago

tpspoons,

You are absolutely awesome! You are god, actually better than god because you respond and you respond quickly!

Thank you sooo much!

user tpspoons
the listing author tpspoons 16 years ago

You would need to change the times on the TweenLite tweens in the "showImage" function, eg replace the current showImage function with this:

public function showImage (src:Bitmap, name:String, url:String) : void {
this.url = new URLRequest (url);

TweenLite.to (image, .4, { alpha:0 } );
TweenLite.to (imageLabel, .4, { alpha:0 } );

imageWidth = src.width;
imageHeight = src.height;
scale = src.scaleX;

src.height = maxHeight;
src.scaleX = src.scaleY;


previewWidth = src.width;
previewHeight = src.height;

TweenLite.to (back, .8, { width:src.width + 20, height:src.height + 20, ease:Strong.easeInOut, onComplete:openImage } );
TweenLite.to (this, .8, { x:int ((Root.stage.stageWidth - src.width - 20) * .5), ease:Strong.easeInOut } );
TweenLite.to (full, .8, { x:int (previewWidth - 10), ease:Strong.easeInOut } );

function openImage () : void {
imageHolder.removeEventListener (MouseEvent.MOUSE_OVER, over);
imageHolder.removeEventListener (MouseEvent.MOUSE_OUT, out);
imageHolder.removeEventListener (MouseEvent.CLICK, down);

if (image != null) {
imageHolder.removeChild (image);
image = null;
}

image = src;
image.alpha = 0;
imageLabel.htmlText = "" + name + "";
imageHolder.addChildAt (image, 0);

imageLabel.x = image.width - imageLabel.width;
imageLabel.y = maxHeight - imageLabel.height;

TweenLite.to (image, .5, { alpha:1 } );
TweenLite.to (imageLabel, .5, { alpha:1, onComplete:comps } );

function comps () : void {
imageHolder.addEventListener (MouseEvent.MOUSE_OVER, over);
imageHolder.addEventListener (MouseEvent.MOUSE_OUT, out);
imageHolder.addEventListener (MouseEvent.CLICK, down);
}
}
}

user njoay
njoay 16 years ago

tpspoons,

I've been able to disable the fullscreen option. But the transition timing I'm still working on. It's not quite easy for me :( and I am on a tight deadline. If anyone can at least point me in the right direction, I'd really appreciate it!

Thank so much tpspoons, you're awesome!

user tpspoons
the listing author tpspoons 16 years ago

njoay: I'll be sure to add that in to the example ;)

user njoay
njoay 16 years ago

Thanks for your response tpspoons. One more question, how do I disable the fullscreen option?

Thanks again

user tpspoons
the listing author tpspoons 16 years ago

njoay: I'll try and make an example for you too, I havn't look at the script for this gallery for a while, but from what I remember it shouldn't be too hard, infact pretty easy.

Actually there are quite a few requests right now, and there are things I want to change. My exams end pretty soon (a couple of weeks) when those are done I'll have tons of time to recreate the gallery more efficiently and with more features.

user njoay
njoay 16 years ago

Hi,

I have a general question. How would I be able make the transitions (when I click on the thumbnail to view the image) a little quicker?

I would appreciate any help! Thanks again!

user njoay
njoay 16 years ago

Hi Dorit,

Great job on your gallery. How were you able to implement the slideshow function.

tpspoons, great job and I'd love to know if you do implement the prev/next buttons. Also if you could let the images autoplay (go to the next image on its own) too, that would be awesome.

Thanks so much!

user tpspoons
the listing author tpspoons 16 years ago

Thanks for the kind words :D

I like your site and photos dorit, nice work. I'll look into implementing prev/next buttons (its something that has been asked a few times). It shouldn't be too difficult (if I can remember correctly how I coded the gallery) so hopefully it wouldn't take me long.

j000: thanks :D And yea please send me a link of your site when you use the gallery.

user j000
j000 16 years ago

Hi Dorit I will inform you if manage to add the dsedired feature, but i'm still new to this, but I love challenges, to me if anyone can than I can do it too. But I have to admit that tpspoon did a great job and I'm gonna try to learn from him.

By the way I visited your site and I love the photos in it, maybe you can give a pointer or two when I take on photography. I want to take multimedia and web design/development courses and be a full time designer/developer/animator that's my goal, thanks for the links

user dorit
dorit 16 years ago

Hi j000,
If, by any chance, you manage to add a forward and previous link to the gallery (to scroll through the images), I'd love to hear about it. That's something I would like to add. In march I published my website with the galleries. Here's a link if you want to take a look: a-picture-a-day.com/g_bw.html

tpspoons: Thanks again for developing this fantastic gallery. I've had lots of very good comments about it.

user j000
j000 16 years ago

hi all. tpspoons, thanks for a very nice and easy to use gallery I'm going to use in one of my sites if you don't mind. I'm new to programming but I'm planning to get better in programming and take full advantage of AS30. I will try to modify the file to suit my needs, thanks again for sharing

user Lucrecio
Lucrecio 16 years ago

good gallery, very nice, thanks :D

user scarcity22
scarcity22 16 years ago

thanks for your help tp.. i'm going to try some of this stuff out

user Kinza
Kinza 16 years ago

life saver....

user Kinza
Kinza 16 years ago

wooohooo... ;)
made my day...

user tpspoons
the listing author tpspoons 16 years ago

No use it all you want. I don't mind.

user Kinza
Kinza 16 years ago

but do you want copyright on it or do not have any problem that somebody else uses it on their pages?

user Kinza
Kinza 16 years ago

but i have a gallery i am making on my own... but i have nobody to help... i am just missing to make some groups category.like galleri 1, gallery 2 like in this... and adding pictures are happening in a notepad file.

user Kinza
Kinza 16 years ago

the largest problem is that they who shall administrate this pages... should not have to open forexample dreamweaver to add photos.. but that should be possible by using php if i am not wrong...

user tpspoons
the listing author tpspoons 16 years ago

Nevermind forget about that its long gone :/

user tpspoons
the listing author tpspoons 16 years ago

Well as I said, it should be pretty easy to implement into your site. As for the admin pages, this gallery runs on a xml file, so editing it shouldn't be too hard (you can see the structure is pretty simple). I wrote a little piece of php code a while back that would automatically create a thumbnail from the center of an image, I don't know if I'll be able to find it but if I do I don't mind sharing it.

user Kinza
Kinza 16 years ago

i am doing my main subject you se... i have been programming a flash gallery but many things i cant managed to work. and i have to be finished with it on monday... and this gallery is exactly what we want... make several groups and pictures in to one.. it is a normal html page.. the administration pages ar made by html, css and php. we have also made databases with mysql.

user tpspoons
the listing author tpspoons 16 years ago

Kinza: by admin pages do you mean content management systems? Well a simple one wouldn't be too hard to do a simple one(in flex it would proabably be easier), as for website integration, right now its not very friendly (if you mean a flash site). But I have a little bit of free time now until my next exam so I might get round to fixing that, if I can be bothered (so don't hold me to that).

If your talking about a html site it would be pretty easy, just like any other flash object.

user Kinza
Kinza 16 years ago

how could this work towards for example admin pages? and would you have any problem that the gallery beeing used on a web site?

user tpspoons
the listing author tpspoons 16 years ago

Kinza: in the 'images' folder you put your images, separated by gallery (in the same format as it is in the example); Make sure you add the thumbnail of the image to the 'thumb' folder and the orinigal image to the 'org' folder, and that they have the same file name.

Then simply open up images.xml, and add the necessary values.

user Kinza
Kinza 16 years ago

how can you add images?

user tpspoons
the listing author tpspoons 16 years ago

Oh also I would recommend using TweenLite (or TweenMax) instead of Tweener, its faster, and using it is very similar to Tweener (slight syntax differences) so if youve started using Tweener it won't be hard to change.

Tweener good too tho if you really like it >.<

user tpspoons
the listing author tpspoons 16 years ago

Well the only book I've started reading was Essential ActionScript 3.0, but by the time I started I knew most of the stuff I was reading so I stopped, but it seemed like a very useful book for a begginer.

As for your ideas, even if you don't yet know how to code them I would recommend designing exactly how you want it to look once it is coded, it will help you. Also, just because I chose to write everything in classes, doesn't mean its necessarily you should. You might find it easier to create your elements in the flash ide, and theres nothing wrong with that.

I started learning flash about 3 years ago, but I've been learning pretty slowly. I would recommend reading that book (if you can) or simply browsing simple tutorials. kirupa.com is a good site for tutorials, and has a very helpful forum if you have problems.

user scarcity22
scarcity22 16 years ago

i saw that you used actionscript though to create the backgrounds for the thumbnails as well as the image viewer. did you make these first with movieclips and drawing tools on the stage and then translate that into code? by the way, how long have you been programming? I know i'm probably getting way over my head here trying to program classes, but i have virtually no experience programming and I just started around a month and a half ago. however, i want to learn fast because i'm an impatient person. can you recommend any good books or tutorials that you've used to learn some of this stuff? I understand what you're talking about when it comes to designing everything before you program, but I have so many ideas that I could design on the stage but I would have no clue how to translate that into programming language. For instance, I want to make a thumbnail gallery that's in a grid pattern (7 by 6) or something like that, and when you click on a thumbnail I want it to animate in from a small dot into a full size image. I think I could use Tweener for this. I want each individual thumbnail to have it's own preloader, a bar for example, so when the SWF loads in each thumbnail has a progress bar on it to indicate load time.

As you can see, I know what I want to do but it's hard to translate that into what I have to program. Any suggestions on how I can get better?

user tpspoons
the listing author tpspoons 16 years ago

scarcity22: How I usually start, is by designing what I want to make in flash (exacly how I want it to look). From there, I separate it into the separate elements, in this gallery it was: the image viewer, the thumbnails (the container for the thumbnails), the individual thumbnail, and the gallery chooser. From there, I can just individually make each of these, I chose to use classes to make them. Sometimes if its a big project with a lot of elements, I like to quickly sketch on paper these elements, so I can see what element is going to extend or be a child of what etc (like a tree driagram).

After that I make the base file (Script.as) and put in any necessary code to preload the file (if I want a preloader), and I load in all the necessary files (such as images.xml in this gallery). After this is done I begin to write the individual components, testing all the time as I do. I usually start with the smallest one, in this gallery the first thing I made was the thumbnail class. When thats done, I'll create its containers or parents (ThumbHolder.as) and so on.

Thats generally how I do things, I don't know how efficient it is or if its similar to how others do it by I hope thats helped you.

user scarcity22
scarcity22 16 years ago

hey tpspoons, thanks for submitting this. i'm learning a lot from your files and how you wrote this. I'm just wondering however... when you thought of this idea to make the XML image gallery, how did you go about writing it? I feel really daunted about taking on a project with a lot of code because I'm still a beginner and to tell you, i'm a little bit sketchy on where to start. I look at your AS files and I can read them and understand them, but if I had to write this on my own I'd be lost. How do you go about writing code? Do you always use a reference manual and how do you know which things do what for your purposes?

user topkara
topkara 16 years ago

thanks

user tpspoons
the listing author tpspoons 16 years ago

leobruno: you have to recompile the file (open up the fla and press ctrl + enter) to see the changes.

user leobruno
leobruno 16 years ago

Sry for my noob questions :P... and tks for support.

I found the class folder and open some files, i try change the colors on "root" and nothing happens. Its possible? i meen, change the border colors, bg colors etc ?

user adrianTNT
adrianTNT (admin) 16 years ago

leobruno: for the "unexpected fiel format" (you probably figured it now) you have to use latest version of flash (Flash CS at this time).
The file is not empty, it is composed by multiple external files, I tested now and works ok when you compile it.

user d3rson
d3rson 16 years ago

yes.. thats right!. .The file is make in AS 3.0, so everything is make with code in the folder called "classes"...

user leobruno
leobruno 16 years ago

I open the file "index.fla" on Flash CS and no have nothing inside o.O

user leobruno
leobruno 16 years ago

I can open.. why ? "Undespected file format" msg... i use Flash 8.

user njoay
njoay 16 years ago

alexandrenoronha:

lol! thanks again!

user alexandrenoronha
alexandrenoronha 16 years ago

congratulations! Excellent.

user njoay
njoay 16 years ago

I was able to download the file! Thanks so much!

user berelix
berelix 16 years ago

very nice

user Alexandra
Alexandra 16 years ago

super!
njoay: you must to download the Stuffit Expander to open. (I think...)

user njoay
njoay 16 years ago

Can't seem to open the .zip file. Can someone help me download the file?

user karaveri
karaveri 16 years ago

perfect :)

user lacie
lacie 16 years ago

Great thanks !!!!

user parada1280
parada1280 16 years ago

I have this error? can anyone helpme

TypeError: Error #1009: No se puede acceder a una propiedad o a un mtodo de una referencia a un objeto nulo.
at MethodInfo-237()
at Function/http://adobe.com/AS3/2006/built in::apply()
at gs::TweenLite/complete()
at gs::TweenLite/render()
at gs::TweenLite$/executeAll()

user aliajafari
aliajafari 16 years ago

NICE

user shellbryson
shellbryson 16 years ago

FireFox 3 (B5) and Safari 3.1 on OSX 10.5.2
I may have broken something in the code though! I'll take another look.

user adrianTNT
adrianTNT (admin) 16 years ago

Works ok to me, what browser are you using?

user d3rson
d3rson 16 years ago

hey...the download is broken....

user shellbryson
shellbryson 16 years ago

Seriously weird behavior on FireFox and Safari on OS X - somewhat randomly when you click Fullscreen, rather than the screen opening it simply opens a new window with the jpeg in it. When it *does* work, the button to exit fullscreen doesn't work at all. Still pawing through the AS, but it's very curious. Runs fine on my Windows test box.

user High
High 16 years ago

errmmm...it's ok i think. I've done it. :-)

user High
High 16 years ago

Ermm...but how do i change the rollover/selected colour for "Gallery Chooser" text?????

user High
High 16 years ago

Man...u did a great job!!

user dirmax
dirmax 16 years ago

it's really Great job

but when i;m going to change any of interface color from root.as
nothing happen please let me know

user yoscr
yoscr 16 years ago

good job, very cool !!!

user tpspoons
the listing author tpspoons 16 years ago

Sorry about late reply, yes the gallery is in AS3. I have been asked in the past to convert it to AS2, and I have tried. However I failed, :( my AS2 isn't as good as it used to be and I don't believe I will be able to convert it in the future, so I'm sorry knorrhane but I can't help you now.

However if anyone else wishes to convert the gallery or modify it in any way feel free to.

user oviliz
oviliz 16 years ago

So, the gallery use AS3 or AS2 ? :D

user knorrhane
knorrhane 16 years ago

Hi, first of i want to thank you for a great gallery.

I have a big issue though. I made a few changes to the gallery and then i realized the gallery was made using as3 and my site where i want to integrate it is as2. Is there any posibility for you to convert it to as2 in some way?

Thanks

user inkobl
inkobl 16 years ago

sorry but the code it's not AS3 but it's in AS2 I'm looking for a gallery in AS3 to put on my site web but really difficult to find it. thanks

user oviliz
oviliz 16 years ago

really great

user slumbering
slumbering 16 years ago

It's awesome man. Very good work

user likaer
likaer 16 years ago

Please...
I have some problem to remove the full screen option can some one
send the file with the correction ....
will be very apprectiate
my email is
[email protected]

user noblood
noblood 16 years ago

question>>> DO YOU KNOW how to adjust the x mouse rollover to left or right of the scroll bar? For example, when you roll the mouse above the scoll bar the scroller still active moving. I want to move that invisible mask scroll position down a little bit that won't touch the viewimage on top. Any ideas?

Thanks.,,

user situa
situa 16 years ago

the gallery1, gallery2, gallery3, gallery4, gallery5, gallery,6

became really long.., anyway now I got another problem. I cant see the index.swf..

I try to open it on my movie with: loadMovieNum("index.swf",2) but is not working... grrrrr do you know why?

user dorit
dorit 16 years ago

Situa,
Sorry, but I don't think I can help you with that. I don't know much about XML and only very little about flash (yet). I'm going by my "trial and error" system to customize the gallery.
Do you actually mean the gallery chooser, like Gallery 1, Gallery 2 and so on (how many galleries do you have?) or is it the width of the thumbnail scroller?

user situa
situa 16 years ago

Dorit or tpspoons, please help me..
I need to reduce the width on the gallery chooser., I got more the one gallery link so is soo long.. how could have 2 lines or something?

user tpspoons
the listing author tpspoons 16 years ago

dorit: You won't notice the changes until you preview or publish because the changes have yet to be compiled

user dorit
dorit 16 years ago

tpspoons, good luck with the exams! I managed to find out by myself some how to do some of the customizations I asked you about before. I'll post them here just in case anyone needs to know.
1. disable full screen option: I haven't managed to disable the option as such but when hovering over the image at least the "view full screen" doesn't show anymore. Delete the following line from ImageViewer.as: imageHolder.addChild (full);. I don't think that's the correct way to do it, but it works for me.
2. increasing the width of the image title: increase the number in the ImageView.as file in the following line: imageLabel.x = maxWidth - 10 - imageLabel.width;
3. changed the font size of the image title: again ImageView.as > change number in this line: format.size = 11;

!!!!One thing I realized after lots of playing around with this fantastic gallery is that changes take not effect in the brower unless you open and preview (Control + Enter) the .fla file in Flash. Curios, I know, but that's how it works on my PC.

I hope that was of help to someone.

user situa
situa 16 years ago

How ca I give some WIDTH on GalleryChooser.as????

if i put lots links the width is tooooo long!!!
Please!!!!!! help me......

user situa
situa 16 years ago

yes mate, ok... please help me soon as you can...:-)

user tpspoons
the listing author tpspoons 16 years ago

sorry guys i'll try and help you as soon as i can but i have alot of exams coming up and a ton of coursework so it might be in a little while

user situa
situa 16 years ago

I guys, PLEASE help!!

I need to how can I do for have 2 lines of links.. E.G.
gallery1 gallery2 gallery3 gallery4 gallery5 gallery6 ect..
should be perfect!! How can I put some width on the "ThumbScroller"??

user firevirus
firevirus 16 years ago

It shows great but I've got this problem too, can anyone help, please! Thanks very much.

(is there a possibility to open the .fla in flash 8? or can anybody change it into an flash 8 file please? )

user skyjulio
skyjulio 16 years ago

Very, very good.

user noblood
noblood 16 years ago

There is anyway that we can create a button and click to load different xml file?

thanks..

user chimo_02
chimo_02 16 years ago

Hi:
This is a great gallery. It is very attractive. I was trying it out with my own images and I can get the first gallery to load but the gallery 2 and 3 don't load.

Can you think of any reason for that. There is not that much to change other than the images folder. I keep getting Error #2044: Unhandled IOErrorEvent:. text=Error #2035: URL Not Found. when I click on gallery 2. I am on CS3 and I can't find anything in the AS that suggests I should have to change anything.

If anyone has any ideas, I would appreciate it.

Thanks

user dorit
dorit 16 years ago

Hi,
Does anyone know how to disable the "view full screen" option and how to increase the width of the title? Some of my titles are cut off.
Also, how would I put a next and previous link?
Many thanks.

user dutchie
dutchie 16 years ago

is there a possibility to open the .fla in flash 8? or can anybody change it into an flash 8 file please?

user coolflashboy
coolflashboy 16 years ago

Great Work.... Thats really Great

user Spl33n
Spl33n 16 years ago

It look really great! Great work! But ist there any way to change the colors or shapes? Greetz

user rj_quesada
rj_quesada 16 years ago

How I do to read differents pictures folders?

user myzeke
myzeke 16 years ago

wonderful! thankss...

user altheo
altheo 16 years ago

thanks man! really great gallery ;)

user iloveny
iloveny 16 years ago

yeah, really nice.

user salsam07
salsam07 16 years ago

Lovely! Perfect Gallery, Worth full for contest wining

user s1ckn3ss
s1ckn3ss 16 years ago

neat and clever. good job man

user boemelbox
boemelbox 16 years ago

Very nice gallery man! max. vote

user jing1
jing1 16 years ago

great job

user rulsebas
rulsebas 16 years ago

nice XML Gallery!!!

user iloveny
iloveny 16 years ago

Congratulation for winning the contest. Great XML Gallery viewer!

user tpspoons
the listing author tpspoons 16 years ago

Thanks alot :D I'm still working on the features I posted.

user adrianTNT
adrianTNT (admin) 16 years ago

The Photo gallery contest results: ffiles.com/photo_gallery_contest.html
This gallery received a $50 reward.

user tpspoons
the listing author tpspoons 16 years ago

My bad, it was 118. But I read somewhere that you should use int instead of Math.round or Math.floor, better for performance. Doubt it'l make any difference though.

user adrianTNT
adrianTNT (admin) 16 years ago

Thanks Raprormax, that fixed it. It was line 118 as you said, not 108 :)

user raptormax
raptormax 16 years ago

Hi,
to solve the blurry-problem you have to change line 118 in ImageViewer.as to this:
TweenLite.to (this, 1.5, { x:Math.floor((Root.stage.stageWidth - src.width - 20) * .5), ease:Strong.easeInOut } );

The reason why it's so blurry is the x-cordinate of the Field. You have to use full numbers and not numbers like 0.34 or 0.6. You can solve it with Math.floor function. I hope I could help.

user adrianTNT
adrianTNT (admin) 16 years ago

I change the code but I think it didnt fix it, it only appears clear when image is at full screen but when it is at normal size the text is still blurry, the image with the bull for example.

user tpspoons
the listing author tpspoons 16 years ago

adrian: Your right. The x and y values for the fullscreen icon were already converted to integers, I just forgot to convert the imageViewer's x values.

If you change line 108 in ImageViewer.as to this:

TweenLite.to (this, 1.5, { x:int ((Root.stage.stageWidth - src.width - 20) * .5), ease:Strong.easeInOut } );

it should work fine

user adrianTNT
adrianTNT (admin) 16 years ago

The "view fullscreen" button is sometimes blurry, do you know how that can be fixed? If you know the location I can update the fla for you. You probably need to convert _y and _x to integer but I dont know where.

user Alise
Alise 16 years ago

thanks a lot tpsoons and dorit too, I know how edit the vars in root.as. But in case my big pictures are panoramics, and I seemed if the thumbnails are rectangular it will be best for the presentation.

user tpspoons
the listing author tpspoons 16 years ago

Alise: Like dorit said, if your thumbs are square you can edit those vars. Because I was only using square thumbnails I only considered them being square, again, I'll look into making non-square thumbnails available.

user dorit
dorit 16 years ago

Alise,
I believe you can change the thumbnail size in the Root.as file here:
public static const thumbSize:Number = 50;
public static const thumbOverSize:Number = 80;

user Alise
Alise 16 years ago

Another question, excuses-me, can your files accepts swf or not ?

user Alise
Alise 16 years ago

Just a question, how can I change the size of the thumbnails, many thanks ! My thumbs will have 107 x 36 pixels.

user tpspoons
the listing author tpspoons 16 years ago

dorit and evah: I'm working on it.

user dorit
dorit 16 years ago

Hi again,
Tpspoons, thanks for sorting out the colour issue.
I was just wondering if there is a way to add a next and previous link to navigate through the gallery or even clicking the image to navigate to the next one instead of having the picture displayed full screen. I (and users maybe) would find that very handy. Many thanks.

user evah
evah 16 years ago

Hi,
I have a problem. When I modified xml file (name of files, directory and item name
ex. <item name="bijoux" file="1.jpg" />
<item name="bijoux" file="2.jpg" />)
I can't switch in fullscr mode or select next images.

user Alise
Alise 16 years ago

tpspoons, at least, I can download your file, in fact, I don't know why. Thank you very much, your gallery is a very good job, and your method to work is very professionnal. Congretulations for these sources and (in French) Bravo !

user tpspoons
the listing author tpspoons 16 years ago

dorit: Are you sure? I just tested it again now and it works fine for me. I have no idea why. Could you send me your Root.as file to tpspoons[at]yahoo.co.uk

user dorit
dorit 16 years ago

Hi,
I love the gallery and just wondered how to change the colours around the images and the thumbnails. I changed them in the Root.as file but that doesn't seem to do it.
Any help is much appreciated.

user tpspoons
the listing author tpspoons 16 years ago

Heres a fullscreen version if anyone wants to see it:
boshpk.co.uk/gallery/

user tpspoons
the listing author tpspoons 16 years ago

clipdepelicula and icefreez: Thanks alot :D

Alise: I'm sorry, it works fine for me. I don't have a Mac so I can't test it :( But I'll look into it.

Adrian: Thanks alot, it works better now. But I still need to fix the alignment on smaller resolutions. Your right, it opens the image file when you click on the name. It also opens it (at the moment, before I code a better method) if your image resolution is smaller than the screen size.

user adrianTNT
adrianTNT (admin) 16 years ago

I just noticed now that you can click title to open the image file. It's nice.

user adrianTNT
adrianTNT (admin) 16 years ago

Tpspoons: I resized your swf so that it fits in our preview and now preview is aligned better. Your code didn't like that our site resizes the content to fit, now its at 100% and is aligned nicely. Users please clear your cache if you like to see it aligned correctly.

user Alise
Alise 16 years ago

so good , but i occure a big error in the dowmlaod zip, I can't have the source complitlty with an error in the zip archive (I am on Mac)

user icefreez
icefreez 16 years ago

I love the look and the navigation. this is my favorite of them so far.

user clipdepelicula
clipdepelicula 16 years ago

nice

user tpspoons
the listing author tpspoons 16 years ago

No, its a good point. I'll have to make it more clear.

user raisa
raisa 16 years ago

oops sry then :)

user tpspoons
the listing author tpspoons 16 years ago

Adrian: I'll look into that

raisa: Those arn't next and previous buttons :P Their just an arrow showing which direction your scrolling in. Try choosing another image (the first one is basically the same proportions as the screen so you can't see it).

I'll look into creating next and previous buttons.

user raisa
raisa 16 years ago

as adrian said, plus when you click on next and previous on the full screen, they dont work :(

user adrianTNT
adrianTNT (admin) 16 years ago

There is a small aslignment issue when gallery is viewed at a smaller size (like above) do you think a mask over the gallery would solve this? So that thumbs are only visible over that box in background.