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.
Have fun!
49 responses so far ↓
1 Liam // Jun 25, 2008 at 2:20 am
Any idea why when i download and unzip the files for any of the new 3D models. And when i click on the thumbnails it does not take me to any web page. I have even updated the XML on the 090_thumbnail_xml to point to local sites and it fails.
Help please
2 tolisejo // Jun 27, 2008 at 12:44 pm
nice template! when i add thumbnail images in the xml, i am getting blank images on each row. is there a special arrangement or order of appearance of images? your help will be greatly appreciated.
3 admin // Jun 27, 2008 at 1:00 pm
Liam, links will not work in your computer due to Flash Player security policy. Link will be working if you run on your web server or Local Host.
tolisejo , which file are you talking about? You will know the arrangements by seeing thumbnail titles when you rollover in every thumbnail.
4 Hendrik // Jun 27, 2008 at 4:15 pm
You got so many very nice flash files! For me, the only sad thing is, that almost all them are just using images.
I would love to use swfs or flvs. I tried to figure it how this would work for hours, with no success.
Maybe you could post one example, how the script has to look like for using swfs or flvs and we can try adapted that to your other files?
That would be so great, as I guess that I am not the only one, who would like to use something else than images.
Any chance for that?
But also thanks a lot for sharing those impressive files with the rest of the world! Please keep up the good work.
5 HB // Jul 3, 2008 at 9:49 am
Is it possible to have the thumbnail load from an external URL?
I would like to generate the XML file with PHP and the thumbnails would need to be loaded from a full URL “http:// . . .gif”
I’ve edited the fla and took off the “thumbnails/” prefix however this has not worked, any suggestions?
6 admin // Jul 3, 2008 at 10:04 am
HB,
It is possible with below steps.
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());
That should be working.
7 HB // Jul 3, 2008 at 12:19 pm
Thanks for the quick help!!
I did 1 & 2 already,
your last suggestion was one I had not tried, did that as well this time.
Unfortunately the wall still won’t load images from external URL’s . . .I’ve placed the ntire URL in the XML and can actually see the browser at the bottom trying to load the image “Reading imagedomain.com/image.gif”
but it never loads.
I took off the domain and just put the image name and it attempted to load the thumbnail from the local server, worked without issue.
For some reason it seems something is preventing it from loading from an external url, must be something we’re missing.
8 admin // Jul 3, 2008 at 12:22 pm
HB,
Step 1 and 3 are the main steps in order to make it work. You can easily find that line by find & replace function.
9 HB // Jul 3, 2008 at 12:47 pm
Sorry, I likely was not clear.
I had no trouble doing 1 & 3, they are completed. However it still wont load the files from a XML file.
See my example:
http://myworldsync.com/control_panel/wall/flashmo_098_3d_curve_wall.swf
and the xml file:
http://myworldsync.com/control_panel/wall/thumbnail_list_3.xml
You’ll see it’s not loading the images
10 Mitchell Daniel // Jul 4, 2008 at 12:52 am
is it possible when clicking a thumbnail that it just makes the image get bigger to full size ? Thats what im really looking for.. Do you have anything like that. I love this 3d wall though.
11 HB // Jul 4, 2008 at 8:28 am
Ok, the issue with accessing external images is fixed, see the link:
http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_14213
On to a new issue . . . . . .
When I set the URL of any thumb to open in the same window, using _parent or _self it does not work, NEVER. Only _blank works, do you have a solution for this?
I appreciate the help, after this I’m done
12 Morticia's Rack // Jul 4, 2008 at 1:57 pm
The wall works great for me on my computer. But when I upload everything to my server, it won’t show the photos. Does my server not support xml or what???
13 admin // Jul 4, 2008 at 2:15 pm
HB, I am not sure about it.
Morticia, please try to upload all original files into a temporary folder on your web server and test it.
14 tolisejo // Jul 5, 2008 at 6:04 pm
admin - am talking about the xml file. When i tried to add more thumbnail nodes or increasing the number of images to be loaded , it shows all images except that it includes blank spaces on each row with no thumbnail titles when rollover. its like showing the whole wall with some missing bricks. thanks for attending our inquiries.
15 HB // Jul 6, 2008 at 3:04 am
Well, that sucks. I thought this was going to work out, but to have everything open in a new window is not a option.
Thanks for the help anyway!
16 CY // Jul 9, 2008 at 1:16 pm
Thanks for the great wall flash. Is there a way to slow down the speed of scrolling through the wall horizontally?
Also as per Mitchell’s request, is it possible when clicking a thumbnail that it just makes the image get bigger to full size ?
Thanks!
17 admin // Jul 9, 2008 at 2:00 pm
CY, Speed is located on line no. 129 inside function render(e:Event) for 3D curve wall.
var dist2:Number = ((stage.mouseX) - 400) * 0.0001;
Try adjusting the value 0.0001 to 0.0002 or 0.00005, etc.
For full size images, you may need to write an extra function for a large image loader.
18 james // Jul 12, 2008 at 8:45 am
hi, nice template.
Is it possible to change the form of wall to Flat ?
I’d like same PicLens.
please help me
thanks
19 CY // Jul 14, 2008 at 7:23 am
I am using flashmo_057_carousel flash. Is there a way to make it open in a new window when clicked?
I tried putting target=”_blank” but it does not work in that file.
Thanks!
20 Sakina Rashid // Jul 14, 2008 at 7:56 pm
Hi, I’m using the the 3D Cylinder Box template (which is awesome!). My problem is that I can’t seem to change the title, it just says 3D Cylinder Box at the top. How do I change that?
Thanks!
21 rh // Jul 15, 2008 at 10:29 pm
Hi, i’m using the 3D Cylinder Box also, but when refreshed in Internet Explorer it shifts out of the window, to the left.. Any ideas? Works well in FF btw.
22 TC // Jul 16, 2008 at 2:34 am
Admin, I would like to generate multiple html/xml sets for different sets of thumbnails. Thumbnail files are in “thumnails” folder; created 3 XML files each loading different sets of thumbnails. Using set1.xml, changed FLA file to read from set1.xml. Generated set1.html and set1.swf. Works fine. Changed FLA file to read from set2.xml. Generated set2.html and set2.swf. Html file doesn’t play swf video. To do this, do I need to duplicate complete folder for each set instead of having multiple html/swf files in 1 folder?
23 J // Jul 16, 2008 at 10:28 pm
Is it possible to get the url to play in the container I made in flash?
24 Liam // Jul 25, 2008 at 8:08 pm
Admin
I’m using the 090_thumnail_xml and i was wondering if tehre is any way to configure the XML to call Word docs .doc or .docx files from a server share rather than calling html files
25 Liam // Jul 28, 2008 at 11:19 pm
Admin
I’m using 090_thumnail_xml and by mistake the button for the last screen was deleted by one of my buddies.
How can I recreate the button and link it to the last scene of the contents. Also how do I add Sub pages or additional pages to this template.
BTW the templetes are excellent Thank you for creating them
26 MON // Aug 1, 2008 at 4:17 pm
Good morning!
I would like to use one of the xml galleries but I do not know how can I load the gallery inside a “container” in other .swf
What must I change in the actionscript?
I really would appreciate your help very, very much. THANKS. Thank you for all, for your help and for your work
27 George // Aug 13, 2008 at 7:00 pm
hello,
I would like open an other swf file, but not in explorer or mozilla. I just like open into the same windows swf or other swf.
How can i change the link for open this files swf?
28 Jorge // Aug 15, 2008 at 4:04 pm
Hi,
is there any way to use the 3d curve wall script inside another swf? Loading it into another swf with LoadMovie doesn’t seem to work.
Thank you!
29 Liam // Aug 26, 2008 at 12:04 am
is is possable to have any of the 3D galleries to dynamically update galleries from a directory. So as you add folders or images it dynamically creates the photoalbum name and then dynamically creates the list of images and respective thumbnails
30 admin // Aug 26, 2008 at 7:17 am
Liam,
Yes it is possible to have dynamically created XML file by reading the directory through server-side languages such as PHP, ASP, JSP, etc.
31 John // Aug 27, 2008 at 6:34 am
Hi Admin
i download 3d_curve and edit it and its ready that i insert it to my website.
but i dont know what i can insert it to my website
excuse me if i cant speak english
please help me
32 Ian // Aug 30, 2008 at 7:03 pm
i am trying to upload an artist website, from template, however my images from the thumbnails folder linked via the xml file and scripting do not load. They work on the local network, however when i upload they do not connect. Have changed all prefixs for the network, still not working can some one help please
33 Carlos // Sep 1, 2008 at 9:26 pm
Hi Admin’s and users, i have a flash site and i want to if it is possible load the “3d_curve_wall.swf” into another SWF.
Best regards.
34 Stan // Sep 8, 2008 at 10:09 am
Dear Admin,
http://i150.photobucket.com/albums/s86/hahasan_2007/help.jpg
Want to add the image to overlap the 3D Curve Wall.
But it doesnt work.
The 3D Curve Wall is generated by Actionscript.
How to solve this?
I had used the depth actionscipt, but it seem doesnt work.
please help. Thanks.
35 admin // Sep 8, 2008 at 10:18 am
Hi Stan,
1.Give the instance names for your movie clips (e.g. c1 for left, c2 for right).
2. add the following 2 lines at the end of ActionScript.
stage.addChild(c1);
stage.addChild(c2);
I have sent you an email for the sample FLA.
36 Leo // Sep 15, 2008 at 8:04 pm
great template! I am having touble getting this template to show more than 12 pics, (the template came with 12 orig. pics) when I add more than 12 they won’t show, is like the wall is missing bricks, the thubnails_list_5.xml file has place for 54 pics, but stops loading after 12 pics.
how do I fix it? thanks
37 Leo // Sep 15, 2008 at 8:06 pm
btw I’m using 3d curve wall gallery template
38 Serlina // Sep 16, 2008 at 6:33 am
hi admin
can you please tell me how to edit the ‘curve gallery’? there doesnt seem to be a ‘thumbnails’ folder for a start!
Thanks
39 admin // Sep 16, 2008 at 7:37 am
Leo, please check your file names and extensions carefully. Sometimes, people use both .jpg and .JPG for file extension which causes the problem.
Serlina, there is a “photos” folder which stores all thumbnails + photos.
40 Serlina // Sep 16, 2008 at 7:42 am
oh ok!
and after i put all my thumbnails into the “photo” folder how do i preview them?
which file is it?
i havent created the rest of the website tho, can i preview it on my computer? HELP! this is for an assignment that’s due in a couple of days!
41 Leo // Sep 16, 2008 at 6:24 pm
Thanks for respondind so fast, I checked it, but I retained the orig. file name on the thumbnails_list_5.xml file and all are .jpg when I run it locally they will show fine, but when I check from the server they won’t.
Also, I had to change the string from “photos/” to nothing “” so the pics would show and took all pics out of the photos/ folder, and thats the only way they would show on the server.
42 harasmivoluntad // Sep 18, 2008 at 3:22 pm
Hi, thanks in advance for all the work… its just great.
I am using flashmo 122 3d curve gallery, and i need to change the size of the movie. Changing the size of the movie is no problem, center it, no problem, but after changing the thumbnail size, i dont know how to change the space between them.
Could anyone help please??
43 Troy Bentley // Sep 23, 2008 at 9:01 pm
Hi,
I really appreciate your making all of these templates available. I downloaded the “3D Photo Gallery” template. I would like to have a movie 1000 px wide and 600 px high with the 3D photo gallery occupying 800 px by 600 px. However, the thumbnails extend to the whole 1000 px wide no matter what I do. The extra 20o px will allow me to place buttons on the side of the gallery. Any help would be much appreciated.
44 admin // Sep 24, 2008 at 7:54 am
harasmivoluntad,
You need to adjust the values of X and Z.
p.x = Math.cos(i * angle_per) * 300;
p.z = Math.sin(i * angle_per) * 300;
Tory,
Try adjusting the value of cam.zoom
45 Leo // Sep 24, 2008 at 11:43 pm
Any luck trying to figure my problem out? thanks
46 EChang // Sep 26, 2008 at 2:49 pm
How can i add a flash thumbnail gallery into an existing flash template?
47 Leo // Sep 30, 2008 at 7:15 am
I guess its not going to work.
48 Joshua // Oct 1, 2008 at 10:58 pm
Hi is there a way to incorporate slimbox or lightbox for the popup?
49 Al // Oct 11, 2008 at 9:15 am
FULL IMAGE SOLUTION
For those who are trying to get the full size image after you click on a thumbnail, add the following:
pic_loader.scaleX = 1.28;
pic_loader.scaleY = 1.28;
The best place for this code is right before this function:
function create_thumbnail()
Thanks for the awesome component!
Leave a Comment