Just made some small updates to the gallery class, including:
- moving some of the settings to the XML so its easier to edit
- class now extends MovieClip to make it easier integrate into existing projects
- XMLSA instead of xpath for XML parsing
- Fixed the f5 reload bug in ie were it would load into 1 column
- the amount of columns and rows increase/decrease on browser resize
I would just like to thank everyone for the feedback received on the class so far. Hopefully this will make it easier to work with. Ill also continue to develop it further, adding in extra features where possible so if you have any suggestions, please send them through.
Fullscreen gallery version 2.3
Fullscreen gallery version 2.3a with alternative aspect ratio
Demo: http://www.ideaography.net/fGallery/
Version 2.3a update 11/08/2008. Updates include:
- Altered the resize function to allow for aspect ratio as requested in on the comments below (don't know which version i like better...)
51 responses so far ↓
1 `Fullscreen Gallery Flash Class » ideaography` // Apr 26, 2008 at 7:40 am
[…] UPDATE: Version 2 of the class is now available here: http://www.ideaography.net/update-fullscreen-gallery-flash-class-v2/ […]
2 admin // May 1, 2008 at 1:11 pm
remind me to fix the trackback css, its looks like shite…
3 novalcaure // Jun 1, 2008 at 2:58 am
Mmm… don’t forget to change ‘build.swf’ to ‘build_vcs3.swf’ in your index.html if you want to see something :)
4 Wess // Jun 4, 2008 at 8:29 am
Is it possible to center the photo vertically?It just cuts the top of the photo now. It would be better if it cuts both top and bottom.
5 admin // Jun 9, 2008 at 7:44 am
ive updated the class file now to deal with portait images and hopefully fixed the resize issues. Ill keep working on it to find the best sizing solutions, but its getting there slowly. If anyone has any ideas/code for resizing please let us know.
\
6 Junio // Jun 9, 2008 at 1:01 pm
it’ fantastic. Thank you.
7 positron // Jun 12, 2008 at 9:03 am
I wrote description of images into xml files, but the description is not appear on images.
8 Dennis // Jun 16, 2008 at 2:15 pm
Great gallery and subtle but excellent use of the Tweenlite functionality! Any plans on releasing an AS3 version?
9 Chris // Jun 18, 2008 at 10:20 pm
Hi first of all great job on this gallery!!!
I’m a noob with this kind of things and I can’t get it to work. If I open de FLA file to modify it and save it over de SWF with the same name the buttons don’t work. I don’t see anything happen. How can I use my own buttons to get the gallery to work?
I hope you can help me…thanks!
10 Rob // Jun 22, 2008 at 1:01 pm
Hey, galleries fantastic, does exactly what I need it too!!
I’ve ran into two small bugs, the first one being when you click a thumbnail while the others are still loading the other thumbnails still loading shrink to 50% of its size.
The second bug is that sometimes when clicking on a thumbnail it loads the wrong full size image, it seems stick on the first thumbnail. Any ideas on this at all?
11 Chris // Jun 22, 2008 at 8:06 pm
It works:) Thanks for the great gallery!!!
12 Mike // Jun 24, 2008 at 11:26 am
First of all: very nice. Now, I fail to see what is going and why… I’ve opened the .fla to modify the height and no dice. It is not working… here is one of the errors:
imageGallery Line 237 There is no property with the name ‘Back’.
13 Dan // Jun 26, 2008 at 12:14 am
Really cool gallery. Just wondering if anyone else has trouble displaying it in IE7? If I use the files unchanged from the ZIP, the gallery displays great in Firefox 2, but I just get a black screen in IE7. Both browsers use the latest Flash Player 9.0.124.0, Javascript is enabled, & I’m running WinXP SP3. I confirmed this on a few different PCs. Am I missing something simple?
Thx.
14 Troligen // Jun 28, 2008 at 4:31 pm
I would like to center the large image vertically. How do i do that?
By the way…very nice gallery :-)
15 Richard // Jul 2, 2008 at 11:19 am
same problem as chris, when i come to modify the .fla file and export it the buttons never work, what am i doing wrong?
16 Phoeni // Jul 4, 2008 at 12:05 pm
Hi. Please include a clear demo to the gallery.
17 Dan // Jul 7, 2008 at 7:42 pm
For those like me that saw only a black screen, it was because my display resolution was not set high enough (I was at 1024×768). The gallery buttons were off screen (they don’t autoadjust to window size like the thumbnails do), and scroll bars are disabled.
I didn’t want images to be cropped, so I changed to Stage.align="C" and Stage.scalemode="showAll". This worked well for me.
I noticed that image descriptions aren’t being passed from data.xml, so all descriptions are "description of image to go in here vbnvb" from the desc item in the movie. Ne1 know what needs to be done to get the XML description to be passed?
I also noticed that when returning to the gallery from a portrait image (like Alex.jpg), the gallery buttons aren’t visible. Suggestions on this and how to make the gallery buttons autoadjust to window size? Thx much.
18 ideaography Agi // Jul 9, 2008 at 1:14 am
hi all, sorry for the delay in getting back to u all.
Thanks to everyone whos picked up some of the bugs and Dan thanks for the comment above, it helped to provide me some things to fix in the update. Ive updated the gallery to fix some of the problems with descriptions not passing through, thumbnails not showing and it now uses tweenmax instead of tweenlite.
The html is now fixed so the proper swf name is included. When i have some more time i will add in a dynamic menu to gallery since it seems to be popular.
In the meantime if u want the buttons to adjust their positioning with the screen resize, you can add a stage listener or use the one inside the class and on resize set it the position u want it to keep.
Cheers
19 Keith // Jul 10, 2008 at 5:09 pm
I’m also seem to be having trouble with the tweenMax with a resulting "there is no property with the name ‘back’". I didn’t see a response about this. Any help with this issue would be greatly appreciated.
20 agi // Jul 11, 2008 at 1:49 am
you need to import robert penners easing class…
http://www.robertpenner.com/easing/penner_easing_as2.zip
21 chyeahchyeah // Jul 13, 2008 at 11:10 pm
This is probably a stupid question but I am totally lost. I found this template via http://www.paulvanroekel.nl/picasa/coolfullscreen/ and on that version while a full screen image is clicked it returns to the gallery view but the previous image appears in the background. I imagine that there is a way to do this in flash itself but I truly cannot figure it out. If anyone could offer any form of help I would really appreciate it as this feature is what really sold me on the gallery.
22 Roland // Jul 19, 2008 at 1:51 pm
I also get the same as a lot people here. If i change just 1 thing and then publish the movie it isn’t working anymore.
How come? and what’s the fix?
23 ideaography Agi // Jul 19, 2008 at 10:56 pm
what compile error’s are showing when u publish it from flash?
24 Dennis // Jul 21, 2008 at 7:07 pm
@chyeahchyeah
That would indeed be a nice addition/feature to this gallery! Maybe you can contact the author and just ask how he added the transparency to the thumbnails?
25 ideaography Agi // Jul 22, 2008 at 10:19 am
updated the class with background image option and also included the easing class since it was causing some compile errors if the user’s didnt have it.
26 Dennis // Jul 26, 2008 at 1:27 pm
Great, thanks for the background image option!
27 Roland // Jul 28, 2008 at 5:54 pm
these are the compiled errors.
line 239 There is no property with the name ‘Back’.
28 Roland // Jul 28, 2008 at 5:56 pm
these are the compiled errors. line 239 There is no property with the name ‘Back’.
29 ideaography Agi // Jul 28, 2008 at 11:28 pm
Roland - the back compile error is generate from not having the penner easing classes.
You can either download the new zip file i uploaded which contains the classes or download it from here:
http://www.robertpenner.com/easing/penner_easing_as2.zip
30 Free Flash Gallery Solutions for Your Images [17] // Jul 30, 2008 at 4:42 pm
[…] Gallery Flash Class v2 - full screen gallery class that loads thumbnails and images via XML. The Bitmap data class is used […]
31 Roland // Aug 3, 2008 at 6:51 pm
Hello Would it be nice if the class only scales (in proportion) the image to the size of the display. I mean my photo’s are in a 4:3 format and my display is 16:9. Is there a way that it wil fit screen and then fills the rest with a black background?
32 Vassi44 // Aug 5, 2008 at 7:32 pm
Thanks …great job
33 推荐 17个 Flash Gallery // Aug 6, 2008 at 7:04 am
[…] Gallery Flash Class v2 […]
34 sky // Aug 7, 2008 at 3:43 am
溺水三千 flash相册
35 17个 Flash Gallery | Tom和Jerry的生活 - 关注和分享互联网 // Aug 10, 2008 at 2:04 pm
[…] Gallery Flash Class v2 Demo 临时[temp] […]
36 ideaography Agi // Aug 11, 2008 at 4:20 am
just noticed something very stage in my zip file. In the images folder, there is a file called displayBillDetail.htm.
I have no idea how it got there but if you see it, delete it.
37 ideaography Agi // Aug 13, 2008 at 5:48 am
Roland - created an alternate version using aspect ratio resizing. Ive added it to the top of the page…
38 Confused // Aug 14, 2008 at 6:52 am
Well, im havin issues… tried first version - only loads say 3 of my images… then pauses… the ones that did load in the thumbnails fullscreen’d but ascept ratio was wrong…
Tried the second release u have, to fix that, works pritty much the same as the previous release except the aspect ratio was correct…
Any idea’s why it’s oly loading say 3 of the 5 thumbnails..?
Tried it across 2 different machines.. Linux and Windows XP..
Any ideas ??
39 ideaography Agi // Aug 14, 2008 at 2:19 pm
Have you got an upload somewhere with the errors?
It could be a number of issues that would not load the images. One thing to check, which ive made a mistake with some of the earlier builds, is that the file names in the xml are correct and that the match case.
In terms of the image is for the full screen, it is best to use 4:3 or 16:9 ratios i.e 1024×768 as they resize better than ones thats dont follow the defined aspect ratio dont resize as well…
40 LL // Aug 21, 2008 at 8:14 pm
Hi, looks really nice. I noticed the imageGallery.as class file is AS2, can you please post or email a Flash 8 version of the FLA please. Thanks, keep up the great work.
41 Rich // Aug 22, 2008 at 12:15 am
Hi guys, superb gallery - really love the look and concept! I’m a total newbie to Flash and every time I try to open the fla to edit anything, nothing works! The error I get is
Symbol=$fsGallery, layer=backgroundImage, frame=1, Line 1
The class or interface ‘imageGallery’ could not be loaded.
Now I’m guessing that it’s throwing that error up because I haven’t put one of the as files in its proper place…..things like this scare me! If someone could advise where the as files need to go I’d be ever so grateful!
Many thanks,
Rich.
42 Jevgenij // Aug 23, 2008 at 12:43 am
Please tell as to make this gallery without buttons that photos were loaded at once.
What will be a code in actions frame?
43 Daniel (Hamburg) // Aug 23, 2008 at 1:10 pm
Hey all. I tried to use the template Fullscreen gallery version 2.3 and have put it in my Picasa folder where all the other tmeplates are. but when I try to export the pictures to html there is no entrycalled Fullscreen gallery version 2.3. I see that there are completely different types of files in the folder compared to the other templates but how can I uses the new version of the fulscreen tenplate? It would be nice to have a scrollbar, or more columns and that the pictures aren’t chopped off at the top when they don’t fit. Could anyone help? The fullscreen template is great! I want to use it. Thank you! Cheers from Hamburg.Daniel
44 ideaography Agi // Aug 23, 2008 at 1:48 pm
Rich - when you exported the files from the zip, did you keep the folder structure intact? the fla looks for the imageGallery.as class in the as folder, so if its not there, the gallery wont work.
Jevgenij - ill add in a feature that if u only have one album it skips the menu and autoloads the thumbs…
Daniel - im not quite sure what the problem. Which other the templates are your referring to? Are those the one’s other developers have edited my gallery for use with picasa? Im looking to add some extra navigation to the thumbs so they can paginate when i have some time.
45 Daniel // Aug 23, 2008 at 3:29 pm
hi ideaography Agi: I referred to these templates: http://www.paulvanroekel.nl/picasa/ But I understand now that you use the pure flash. I just tried to use you flash as tempate for Picasa which -of course- didn’t work. Maybe I should ask hte Paul van Roekel guy about a solution. Thanks for you reply!
46 bob // Aug 24, 2008 at 7:32 am
I unziped file the way it is and moved it to the templates folder in picasas folder. Its not showing up for me either.
These are the files in your "fsgallery_2_3a" folder
as 8/24/2008 3:19:13 AM
assets 8/24/2008 3:19:43 AM
File:build_vcs3.fla 80 KB 8/11/2008 12:59:30 PM
File:build_vcs3.swf 29 KB 8/11/2008 2:53:50 PM
File:index.html 2 KB 7/9/2008 10:21:38 AM
File:swfobject.js 7 KB 2/28/2007 5:30:22 PM
47 bob // Aug 24, 2008 at 11:58 pm
I think instead of the script you uploaded the output file because it has all the pictures in assets folder
48 ideaography AGI // Aug 25, 2008 at 1:44 am
The script available here is the original version of the fullscreen gallery class that the picasa version uses in its script, so unfortunately i cant provide help on that edited script, although i may add the functionality to my own class when i have some time on my hands.
49 bob // Aug 25, 2008 at 5:16 am
Ive uploaded a high quality video to show you what Im doing maybe im doing something wrong. Could you please tell me what.
http://www.screencast.com/users/nizle/folders/Jing/media/97f07d46-226d-452d-b58e-8abf0e26625a
Thank you.
50 17 گالری فلش رایگان و زیبا در اینترنت-2 | رویاهایتان را دانلود کنید // Aug 26, 2008 at 12:14 pm
[…] پیشنمایش/دانلود مربوط به:فوتوبلاگ،فایل فلش،گالری رایگان،گالری رایگان فلش،گالری عکس،رایگان،طراح سایت فلش رایگانفرستاده شده در قالب وبلاگ، نرم افزارفلش | […]
51 ideaography AGI // Aug 27, 2008 at 6:20 am
Hey Bob, nice video.
Unfortunately though, as i mentioned earlier, my script isn’t a template for picasa. Its a standalone gallery that use a static xml file.
Someone else created a picasa version of the gallery using my class. So i guess you will have better luck trying to talk to the guy that created it to find out why it isnt working for.
Leave a Comment