;)
Editing 3D Thumbnail Galleries
Posted by admin in 3D, ActionScript 3, Flash, Tutorials
This post shall give you a quick overview for editing 3D thumbnail galleries.
- Download the source file .zip from flashmo.com (for example; 3D Curve Wall)
- Extract it into a folder.
- Default thumbnail width and height 140×105 pixels can be changed in .fla source file “actions” layer. You can edit it from actions panel (press F9). Adobe Flash CS3 is required to edit the FLA file.
- Put your own thumbnail images into “thumbnails” folder.
- Edit the XML file (thumbnail_list_3.xml) to change filename, url, target, title, and description for all thumbnails.
- For changing mouse events, try playing around with p_rollover, p_rollout, and p_click functions.
Edit the below line for adjusting thumbnail width and height.
HTML:
-
var p:Plane = new Plane(bfm, 140, 105, 2, 2); // line no. 79 in flashmo_098_3d_curve_wall.fla
-
Plane(material:MaterialObject3D = null, width:Number = 0, height:Number = 0, segmentsW:Number = 0, segmentsH:Number = 0, initObject:Object = null)
This is how the XML file looks like.
XML:
-
<?xml version=“1.0″ encoding=“utf-8″?>
-
<thumbnails>
-
<thumbnail filename=“flashmo_096_3d_cylinder_box.jpg” url=“http://www.flashmo.com/preview/flashmo_096_3d_cylinder_box” target=“_blank”
-
title=“Item No. 1 (096 3d cylinder box)”
-
description=“3D Cylinder Box, Thumbnail Gallery powered by Papervision3D and ActionScript 3″ />
-
<thumbnail filename=“flashmo_095_3d_thumbnail_box.jpg” url=“http://www.flashmo.com/preview/flashmo_095_3d_thumbnail_box” target=“_blank”
-
title=“Item No. 2 (095 3d thumbnail box)”
-
description=“3D Thumbnail Box, Thumbnail Gallery powered by Papervision3D and ActionScript 3″ />
-
<thumbnail filename=“flashmo_094_spiral_carousel_xml.jpg” url=“http://www.flashmo.com/preview/flashmo_094_spiral_carousel_xml” target=“_blank”
-
title=“Item No. 3 (094 spiral carousel xml)”
-
description=“Spiral Carousel using an external XML file. It is based on Lee Brimelow’s example which is powered by Papervision3D.” />
-
</thumbnails>
Have fun!
This is a really great tool. I’ve successfully incorporated it into my flash website and I’ve created a button to gotoandplay the first frame, but when I click my button to go back to the frame with the 3D wall, the pictures are all blurry. It seems like when it loads all of the thumbs “BitmapFileMaterial: Loading bitmap from thumbnails/filler.png” It won’t load them again and I get a “DisplayObject3D: null.” Do I need to unload something or delete something when I click my button to exit the frame? Here is my button:
xbutton_btn.addEventListener(MouseEvent.CLICK,xclickFunction);
function xclickFunction(event:MouseEvent):void {
gotoAndStop(“start”);
}
Any help would be appreciated. Thanks again.
Admin,
I working with flashmo_057_carousel and I love it. But I would like to do two things to it?
1. When clicking on thumb and it opens the image correctly buthow do I make it open in a seperate window in the XML script?
2.Can I make the thumbnail either open to a new window inside flash or make it scale to larger size.
Thanks
Cavan
hey!
Oh, i’m working with the 095 3d thumbnail box and wish to make it have 9 images per side and not only 6 as it is. Does anyone knows how do i do this?
Thanks!
Im having trouble with the 133 Fish Eye. It will not open a URl when I click on a thumbnail. Im using this on MySpace.
http://www.myspace.com/thisisaweapon
All files are uploaded to a windows server. Any answer to why this is happening?
i am working on the 095 3d thumnail box – having an opposite problem to lucas – i would like to have only four images per slide instead of six… could someone possibly help??
Kirsty, if you find the ActionScript file and the value, please say to me. I’m sending emails to Min Thu from Flashmo almost 4 per week, and can’t have an answer. The only thing he said to me is that there is a way to do it. Please contact me, maybe we could find the answer together. My e-mail is fogolin91@gmail.com…
Admin
Can you please help me with “flashmo_118_fashion_gallery” site. Everything is ok on the computer but when i upload the page gallery is not working. It looks like site is looking for folder. I didn’t change anything in script
Help please please
Regards
I’m using the “flashmo_057_carousel_xml” and i was wondering if anyone knew how to change the thumbnails from going to an external url, and instead go to a full size image in the same window.
any help would be appriciated, as i’m new to using xml and am not too sure how to proceed!
thanks!
I was also wondering how to load this swf into a container in my index swf. When I preview my Index.swf and click the button to load the 3dwall it loads it into the container but it just brings up the same look as when I open up the FLA file, it doesn’t acctually open the 3d wall up. Is there anything that has to be done to the actionscript? Does my index.swf file have to be As 3 or can it be AS 2 and still load the 3d wall in AS 3?
I need to add next image and previous image control buttons to the 3d curve gallery template so when viewing an image, one can click to the next without being sent back to the gallery to choose it. Can you help?
how to add this sparkler effect to the thumnails
http://theflashblog.com/?p=63
Hi, I would like to preload (with a loading percentage bar) the thumbnails of the 3D spiral carousel gallery, so that ALL the thumbnails appear all at once when they have ALL been loaded from the XML file.
What is the code to do this?
Thank you very much.
Hi admin, is there anyway to replace the thumbnails with flash videos? I want it so that when the click on the thumbnail, an new window opens that is the interactive flash movie.
HI, I would like to have the fisheye thumbnail as external swf file but when I click on the main swf, the fisheye thumbnail does not display. The second problem is when i click on the thumbnail, instead of go to URL, I wish to have a external XML to display the image in the fisheye swf.
Admin,
I am having the same problem as HB above – I am using the 107 Slider, but can’t get the images to appear I tried your advice from above
1. You can use absolute URL paths in XML tags. (filename=â€http://domain.com/images/01.jpgâ€)
2. Remove this line var folder:String = “thumbnails/â€; in action scripts.
3. Remove folder + in below line.
var bfm:BitmapFileMaterial = new BitmapFileMaterial(
folder + flashmo_xml.thumbnail[i].@filename.toString());
but still can’t get it to work, please let me know if you can help…
http://createyourowncritter.com/test
i have a problem using 3d curve gallery. sometimes its creating problem when we press refresh button on ie and mozilla. is there any solution you could provide me ? on local system everything working fine.
i have a problem using 3d curve gallery. sometimes its creating problem when we press refresh button on ie and mozilla (cursor got hang for sometime and dont work at all). is there any solution you could provide me ? on local system everything working fine.
i will be really thankfull if you will provide me the preloader for the thumbnail imags for the flashmo_122_3d_curve_gallery
Hello, first i would like to say thank you for all the hard work that goes into creating these flash movies for people to use. they really are awesome! I do have a few questions tho… I am using 122 _3d_curve_gallery, and I would like to change the text at the top of the curve that is: 3d curve photo gallery. also when you are viewing the large photo, i want to change the url from text to a button, that I can edit the url of the button in the xml file. and how can i add text to the large photo that says: “click image to go back to the gallery” in the xml file? If anyone can help with any of my questions, please let me know! thank you very much.
hello, I am working with and on 3D Curve Photo Gallery. Is there anyway to add more than 54 total (18 to each row). Trying to change script. Found section that 54 (changed it). But what else needs to be altered.
Im using the 3d curve wall and I think it is a great piece of work. How can you adjust the number of rows that appear?
Hi! I am working with this http://www.flashmo.com/preview/flashmo_024_photo_xml template and I was adding urls to the descriptions and noticed that the links look just the same as the rest of the descriptions. So I wanted to bold them up a bit but it doesn’t want to work and I can’t seem to find a solution. So I was wondering if you could help me. So my question is: How do I go about with the text formatting in the descriptions in the xml file? I edit straight into a notepad document (just so you know) .
/Ag.
Trying to implement the 3d video wall in a Drupal Installation. I’m able to use the swf on a page but it simply doesn’t show the thumbnails etc.
I’ve tried to edit the .fla but I still can’t get it to work. The xml file, folders and swf are all in the same folder.
When I open the URL with IE I get the following error message:
Error #2044: Unhandled ioError:. text=Error #2032: Stream Error. URL: drupal/sites/default/files/thumbnail_list_3.xml
at flashmo_098_3d_curve_wall_0_fla::MainTimeline/flashmo_098_3d_curve_wall_0_fla::frame1()
any suggestions to fix this are more than welcome
Dear all
My thumbnails overlap..i dunno which part of the code to change inorder for my thumbnails not to overlap..do do tell me!
This templates are so cool!
How can I add a new Row to the 3d Curve Wall?
Instead of just 3, Id like to have 4…
Thanks,
ohh Ive just found out that it add the rows automatically when u add more images!
lol, thank you anyway =D
admin –
that’s a really cool gallery! i am doing a design project for a furniture sistem and i would love to use the gallery in my flash presentation. However, I have some questions and it would be great and very useful if u can answer them
ok, so I put all images that I want in the \photos folder, and then, in the XML file i know what to write in filename, title, and description… BUT what do I write in “target” and “url”???
thanks!
After replacing my own images to the curve gallery, it is moving slower than the original. The images are web-ready optimized, so it’s not the size. Has anyone else had this happen?
Admin
i using flashmo_067_thumbnail_xml, in local test its works but on line not work, the pictures are not loaded.
Help
For comments #26, #28, #33, #50, #59 (loading PV3D SWF into another SWF), it is not possible so far as I know.
I am trying out the flash 3d curve wall – how do you change the title on the page (original is 3d Curve Wall)? I changed the text in flash, but then the wall never appears.
Many thanks –
C
I have the same problem as Cindy. I want to know how to edit the text up top that reads “3D Curve Photo Gallery”
I looked everywhere and cant find that text. I open the main flash file and all that shows me is the loading page.
I got it. Nevermind. I had to scroll up. hahahah. Duh.
Hi guysTXS for all your efforts, Im checking out the flashmo_133_fisheye.
I know how to change links and photos on the gallery, but I can make it work uploading it to the net.
I upoaded the swf file, the xml file and the Index file
gallery its not showing
what is wrong? -THANKS
SORRY I meant, I cant make it work in the Net.
( on the flashmo_133_fisheye )
gallery its not showing txs.
hello, i am using flashmo_094_spiral_carousel_xml….and my problem is:
I bring this gallery as an external swf into other fla within UILoader component…and it works fine untill i put a button to return at main (root) scene…it gave me the 1009 error: TypeError: Error #1009: Cannot access a property or method of a null object reference at galery_fla:MainTimeline/render()
and i don’t know what to do…i really need to put a button to return at my root (main scene)….please help me…i really like this gallery!
P.S. i have tried with other galeries…but the same error
This is the source of my example:
http://www.mediafire.com/?sharekey=c93f0e25148b2d6c1bee9a6e9edd9c76e04e75f6e8ebb871
Thank you in advance…
I’m trying to use this gallery, but only the background shows up. I changed all the images and renamed them in the xml file, but I get nothing when I try and export the swf. what do i do?
I am trying to add my photos on to the flashmo 122 3d curve gallery…
-I have edited size to match your default pictures.
-I have edited the XML Doc (thumbnail_list_5) to match formatting.
However, when i test flash movie their is a blank spot instead of my thumbnail.
Can you point me in the right direction?
Hey im new to this , and i was wondering if instead of using this in a website i wud like to use it in a flash project (ie SWF ) file as my gallery cos im doing a multimedia assignment please help
nice gallery,but there is triplicate images,when i change it unique pictures,flash error coming,there is anyway for solve this
Hey there… I am using flashmo 122 3d curve gallery and I was hoping to change the text when you click on one of the pictures. The text is at the bottom of the page, I can’t seem to find the right file to change it in??? Help!
I am having the same problem that Chris “89, 2,” and a few others. The problem being changing the photos and then they do not appear when you want to preview your page. There are just blank spots. I am using the 3d photo gallery Grid. Any Ideas? I have changed my photo names to start with “flashmo_xxx”. Any ideas or held would be great.
thanks
Hi Todd, just send me all your files in a zip. I want to check it.
hello,
the 3D wall is great!! i want to use the fla file, but i only habe flash 8. has anyone the fla-file for flash8?
thanks
sascha
Hi Sascha, there is no good 3D for flash 8 due to performance issues. Flash CS3 (v. 9) with ActionScript 3.0 offers much better performance than Flash 8 ActionScript 2.0
hi admin,
the performance will be better, but the problem is, i havn`t cs3.
so i have no performance ;-(
sascha
theres now way to use a DB Table and SQL select statement in place of the xml is there?? The problem is I can make the xml on the fly from an SQL select statement but if multiple users do this at the same time then the one that is read is what the last one that was created. So I wanted to make the wall read from the select statement instead of the xml. Any ideas for something along these lines?
I figured it out as I search per state I just name the xml as OH.xml and so on per state. so if they overwrite, that is fine, now I just need to get the wall to refresh once the new xml file is created and sent back to flash
ok I need a little help here. I am using one of these fancy walls to post pics of clickable websites of advertisers on my site. What I need is when it first loads I use “flashmo_109_template_list.xml” and that is fine and works great. Then I have a search button with a drop down of all the states. If a person selects a state like “OH” it creates a file named “OH.XML” that has all the Ohio sites in it. Now how can I get the wall to refresh using the “OH.xml” or what ever state they select (the OH is in a variable at this time. Seems that it should be hard but Im a noob and am still trying to figure it out. Any help would be greatly appreciated as I need to get this new site live ASAP….