Tracking Forums, Newsgroups, Maling Lists
Home Scripts Tutorials Tracker Forums
  Advanced Search
  HOME    TRACKER    Flash








Dynamic Photo Gallery Help


Hi there.

I was just wondering if anyone could point me in a direction where to look for creating a gallery similar in nature to the one at the top of this particular web page. Just the sliding/angled pics at the top.

see the image gallery at the top of the page

I would want to change the number of images in the rotation without having to recreate a new flash movie.

I'm not asking anyone to hand me a finished product, but if anyone could suggest a good starting point/web site/tutorial/book to get me off and running in the right direction it would be greatly appreciated. I'd like to learn how to create something similar, but am not even sure I know what to look for.

Thanks a lot.
G




FlashKit > Flash Help > Flash ActionScript
Posted on: 08-21-2007, 06:44 PM


View Complete Forum Thread with Replies

Sponsored Links:

Dynamic Photo Gallery
Hi,

i have some questions to the following flash file:

http://www.flashkit.com/movies/Scrip...49/index.shtml

How can i link the images to webpages?
By click a website should get open...

Thanx
Xalo

View Replies !    View Related
Dynamic Photo Gallery
I want to create a gallery, or several galleries of thumbnails, which will load full size jpegs into a separate empty MC elsewhere on the stage. I don't want to compromise on the quality of the jpegs so some of these will be large. Is it possible to do this on the fly so that on click, a specific jpeg will load into the MC, and while it loads, a preloader can inform the user of load status?

How would i go about doing this?

Thanks in advance.

S.

View Replies !    View Related
Dynamic Photo Gallery
I'm looking to create a dynamic photo gallery that generates thumbnails and dynamically loads the content...

These are all over on photography websites...

Example: http://www.onlysamo.com/

I've got over 50 examples bookmarked in fact.

Does anyone know of any tutorials or resources for creating galleries like this? Or even ones for creating certain aspects of the gallery... I found only one here on FlashKit and I've searched elsewhere but to no avail.

I'm sure there's a tutorial or the like out there somewhere!

Thanks!

View Replies !    View Related
Dynamic Photo Gallery Help =)
Hi people! =) I'm pretty sure a post like this have been already made a thousand times, so PLEASE don't kill me just now, and gimme a little help =) eheh, I want to create a dynamic photo gallery using flash! I'd like to know if any other languages like php or so are involved, and if anyone can give me any url so that I can check it out, how is it done! The final product should aim at least one goal, which is: I must be able to update the gallery without even knowing that flash exists! So what I want is just a method of updating it, that I only need to know the maximum image size the pictures can be, and where can I change the text which comes under the picture, by means of an external txt (4 example) So, basic knowledge to update this dynamic photo gallery, should be how to rename files, how to upload files to a specific folder using ftp, and the respective txt files! =) hope I was clear, and not too boring! Many thanks in advance to any help! =)

David

View Replies !    View Related
Dynamic Photo Gallery
how do i create a slideshow where it dynamically loads jpg's into my swf that are named 001.jpg, 002.jpg, 003.jpg, etc.?

i want the pictures to fade in and out aand give the user an option to pause, restart, go back and go forward a picture.

if possible, i wanted it so that i would just upload the pictures and it would automatically load them in.

how would i do this?

any help will be greatly appriciated!!!


thanks!
austin

View Replies !    View Related
Dynamic Photo Gallery Help
Hi Guys,

i'm trying to master making a Dynamic photo gallery updatable using .XML, basically i was after a load of thumbnails that act as buttons when they are pressed a bigger copy of the thumbnail appears in a movie clip somewhere, also each picture has a different caption

is there such a tutorial out there that would help me with this i would appreciate it

Thanks for any help

Graham

View Replies !    View Related
Dynamic Photo Gallery?
Guys,

I need a cool dynamic photogallery that updates itself when i drop an image into the folder (should not edit xml). Once an image is dropped into the folder, the flash should automatically take it into the photogallery (would be great if it could auto thumbnail it in its navigation). Is there a way to do this?

Is there any software that does this - like SlideShowPro. I can buy that. Its a very urgent project for my client.

Please Help.

Thanks

View Replies !    View Related
Dynamic Photo Gallery
I created a photo gallery and was going to try and use the connection routine to send information from the main window to the gallery.swf in a popup window. However, I couldnt get the javascript to open a new browser properly.
I decided just to embed the gallery code/objects into my main program and use a bunch of show/hide commands to display it. This obviously isnt the best route, but I am not proficient enough to do the former.

Now I am having problems loading the pictures into their respective loader components. *pulls out hair*.

I was hoping somone would look at my code.. The main program is not very long and fairly well noted. I just dont know what codee to post, cause I dont know where the problem is. I've traced everythign I can think of and see no problems...

Sincerely,
Peter

PS. The Gallery worked fine on its own, and in the the .fla it is functional (aside from loading any images ...)

View Replies !    View Related
Dynamic Photo Gallery
Im new to this forum, but im interested in sending my site in for review to the Site Of The Day. Where do i do that?

My site is here btw: http://www.flashlife.se

still far from finished but......

positive and negative comments are welcome =)

View Replies !    View Related
Dynamic Photo Gallery Help
Hi

I need some help with AS that will:

1. Determine the amount of images (jpegs) in a particular folder.
2. Dynamically create the appropriate amount of empty movieclips - say 100px apart from eachother.
3. Dynamically assign instance names to the movieclips.
4. Populate these empty movieclips with the images.

Any help/suggestions or pointers to tutorials will be most helpful.
Thanks, h.

View Replies !    View Related
Need Dynamic Photo Gallery
Hi

I am new, not expert in flash. Knows only basic flash action scripting, can any body guide me about dynamic flash photo gallery. How can import images in flash from database.

please help me, I need that urgently, all suggestions are welcome.

Regards
Harish

View Replies !    View Related
Dynamic Photo Gallery
Hello Flash Geeks,

I am wondering if we could develop the Flash Photo Gallery Importing the images dynamically (autometic) from the defined folder with the extension .JPEG, .GIF etc.

Thank you...






























Edited: 12/20/2006 at 08:27:28 PM by DikeshJoshi

View Replies !    View Related
Dynamic Photo Gallery With XML
My photo gallery works fine when I test movie in gallery.fla
I have a thumbnail scroller that moves the thumbnails right when you move mouse left and left when you move mouse right.
When you click on a thumb a larger picture is displayed. This all works fine in gallery.swf

But when I load gallery.swf to main.swf in an empty movie clip using loadMovie
it loads put the scroller doesnt work. Everything else works but when I move mouse left or right the thumbnails dont move.
Any suggestions?

View Replies !    View Related
Help With A Dynamic Photo Gallery
ok i have a photo gallery that is based off the kirupa.com photo gallery. the only thing is i don't want to have to go in a recode the flash movie when i want to add photos, and knowing a bit of php, i figured i could do it dynamically, here's what i came up with.

frame 1:
loaded="";
_root.loadVariables("ftest.php");

frame 2:
blank

frame 3:
if(loaded eq ""){
gotoAndPlay(2);
} else {
this.pArray = mylist.split(",");
}

frame 4 (this is the kirupa.com script):
//Code written by sbeener (suprabeener)
/*
i wrote this code, but you can use and abuse it however you like.
the methods are defined in the order which they occur to make it
easier to understand.
*/
// variables ------------------------------------------
// put the path to your pics here, include the slashes (ie. "pics/")
// leave it blank if they're in the same directory
this.pathToPics = "images/";
// fill this array with your pics
this.fadeSpeed = 20;
this.pIndex = 0;
// MovieClip methods ----------------------------------
// d=direction; should 1 or -1 but can be any number
//loads an image automatically when you run animation
loadMovie(this.pathToPics+this.pArray[0], _root.photo);
MovieClip.prototype.changePhoto = function(d) {
// make sure pIndex falls within pArray.length
this.pIndex = (this.pIndex+d)%this.pArray.length;
if (this.pIndex<0) {
this.pIndex += this.pArray.length;
}
this.onEnterFrame = fadeOut;
};
MovieClip.prototype.fadeOut = function() {
if (this.photo._alpha>this.fadeSpeed) {
this.photo._alpha -= this.fadeSpeed;
} else {
this.loadPhoto();
}
};
MovieClip.prototype.loadPhoto = function() {
// specify the movieclip to load images into
var p = _root.photo;
//------------------------------------------
p._alpha = 0;
p.loadMovie(this.pathToPics+this.pArray[this.pIndex]);
this.onEnterFrame = loadMeter;
};
MovieClip.prototype.loadMeter = function() {
var i, l, t;
l = this.photo.getBytesLoaded();
t = this.photo.getBytesTotal();
if (t>0 && t == l) {
this.onEnterFrame = fadeIn;
} else {
trace(l/t);
}
};
MovieClip.prototype.fadeIn = function() {
if (this.photo._alpha<100-this.fadeSpeed) {
this.photo._alpha += this.fadeSpeed;
} else {
this.photo._alpha = 100;
this.onEnterFrame = null;
}
};
// Actions -----------------------------------------
// these aren't necessary, just an example implementation
this.onKeyDown = function() {
if (Key.getCode() == Key.LEFT) {
this.changePhoto(-1);
} else if (Key.getCode() == Key.RIGHT) {
this.changePhoto(1);
}
};
Key.addListener(this);
stop();

-----------------------------------------------

all of the frames are blank except the 4th frame which has a movie clip in it called 'photo', which is just a box.

so what happens is i get a 'root directoriesimagesundefined' error.

if i change the ftest.php in frame 1 to ftest.txt, a text file with the following line in it 'mylist=1.jpg,2.jpg,3.jpg&loaded=1' it works fine. my php file generates the same list (mylist=1.jpg,2.jpg3.jpg) and appends '&loaded=1' to the end of the list.

i know it's just my ignorance on how to import php data that's causing the problem. can anyone give me a hand?

thanks,
nate

View Replies !    View Related
Dynamic Photo Gallery
I´ve been playing around with the bitmap data class for a while, and i got to a point when i realized i was never gonna be saticfied with it... so im releasing the site as it is today...

http://www.flashlife.se

DONT FORGET TO MESS AROUND WITH THE SETTINGS!!!

Have fun, and post comments, positive AND negative!

View Replies !    View Related
[help] Dynamic Photo Gallery
I'm hoping someone can help me with my problem.

Basically what I'm trying to do is the following:

I have a flash document that i need to dynamically load thumbnails into. The 'location' and 'what' the thumbnails are is being retrieved from a MySQL database.

Once these dynamically loaded thumbnails are loaded into the flash document they should have some ActionScript on them. This AS, when you click on a thumbnail will open up the 'larger version' of the thumbnail. So basically its a 'Photo Gallery' that is dynamically loaded.

Now I have knowledge in AS, PHP and MySQL. I was just wondering if anyone knew of a GOOD tutorial for something like this or something similar. I am able to do all the work by myself, I just need a little nudge in the right direction. I would really appreciate it, so much!

View Replies !    View Related
Dynamic Photo Gallery
You could say I'm a beginner with Flash. I can do simple tweens and fading effects. I know this is very simple stuph. But I was asked to have a photo on our homepage that will keep on rotating photos by fading in and out.

Is there a script or a file I you can share that will show the photos from a directory in a rotating manner?

I know how to fetch all the photos from a directory using PHP, but I have no idea on how to do it using ActionScript. Can anybody please help me?

View Replies !    View Related
Help With AS Dynamic Photo Gallery Bug
Hello, I'm having an amazingly annoying bug that i can't figure out.

I found a wonderful template (i know, i said it...sorry ) which i used to modify to fit my application. It is a photo gallery with an external .xml file and jpg's. The script parses the xml to find gallery quantites, gallery names, and image quantities and names. It then creates the menus and thumbnails on the fly. When a thumbnail is clicked on, it reads the number of the thumbnail and loads the larger image in another clip.

Everything *almost* works.

My problem is that after the gallery is clicked and the thumbnails are loaded, after i click on any of the thumbnails, the last thumbnail in the gallery loses its click-ability. If i reload the gallery or select a different gallery, they again all work until i click on any thumbnail.

I've tried going thru the code, but i can't seem to find anything. Any thoughts?

Also, i've posted the question on Experts-exchange if any of you guys can solve it and you're registered there...

Template i worked from: http://www.lukamaras.com/tutorials/a...e-gallery.html

what i made: http://helenoliveri.com/dummypage/gallery/gallery.html

link to the whole shebang: fla, xml, jpg's...in a zip: http://www.helenoliveri.com/gallery.zip

and finally the link to the experts-exchange: http://www.experts-exchange.com/Soft...7.html?cid=545

View Replies !    View Related
[help] Dynamic Photo Gallery
I'm hoping someone can help me with my problem.

Basically what I'm trying to do is the following:

I have a flash document that i need to dynamically load thumbnails into. The 'location' and 'what' the thumbnails are is being retrieved from a MySQL database.

Once these dynamically loaded thumbnails are loaded into the flash document they should have some ActionScript on them. This AS, when you click on a thumbnail will open up the 'larger version' of the thumbnail. So basically its a 'Photo Gallery' that is dynamically loaded.

Now I have knowledge in AS, PHP and MySQL. I was just wondering if anyone knew of a GOOD tutorial for something like this or something similar. I am able to do all the work by myself, I just need a little nudge in the right direction. I would really appreciate it, so much!

View Replies !    View Related
Dynamic Photo Gallery
Hello guys!
please check this site:

http://otvinvest.com/test/

i'm still working on this flash page,
click on the photo gallery button.
the thumbnails are dynamically loaded from database, my problem is that if i want to click on a thumbnail, how should i tell him to load the image related to it.

Below, is the script i wrote:

stop();
var spacing:Number = 188;
var JoKinG:Number = 3;
// CHANGE THIS
var count:Number = 0;
// Inc X
var count2:Number = 0;
// Inc Y
var arch:XML = new XML();
arch.ignoreWhite = true;
arch.load("http://otvinvest.com/test/photosxml.php");
arch.onLoad = function() {
var t:Number = this.firstChild.childNodes.length;
for (var i:Number = 0; i<t; i++) {
var d:String = "http://otvinvest.com/test/img/urls/"+this.childNodes[0].childNodes[i].childNodes[3].firstChild.nodeValue;
var e:String = "http://otvinvest.com/test/img/urlb/"+this.childNodes[0].childNodes[i].childNodes[3].firstChild.nodeValue;
//trace(e);
duplicateMovieClip(empy, "pics"+i, i);
m = eval("pics"+i);
if (!(i%JoKinG) && (i != 0)) {
count = 0;
count2 += 80;
spacing = 188;
// INCREMENT THIS FOR MORE LINES
}
if (count == 1) {
spacing = 438;
}
setProperty(m, _x, "100"*count+spacing);
setProperty(m, _y, count2+113);
loadMovie(d, m.empypy);
/////////////////////////////////////////////
below, is the script when i click on the thumbnails.
////////////////////////////////////////////
m.onPress = function() {
loadMovie(e, emp);
};
count++;
}
};



If anyone can help, I can send u the fla file!!

please help!!
THANKS

View Replies !    View Related
Dynamic Photo Gallery Help
Hi Guys,

i'm trying to master making a Dynamic photo gallery updatable using .XML, basically i was after a load of thumbnails that act as buttons when they are pressed a bigger copy of the thumbnail appears in a movie clip somewhere, also each picture has a different caption

is there such a tutorial out there that would help me with this i would appreciate it

Thanks for any help

Graham

View Replies !    View Related
[help] Dynamic Photo Gallery
I'm hoping someone can help me with my problem.

Basically what I'm trying to do is the following:

I have a flash document that i need to dynamically load thumbnails into. The 'location' and 'what' the thumbnails are is being retrieved from a MySQL database.

Once these dynamically loaded thumbnails are loaded into the flash document they should have some ActionScript on them. This AS, when you click on a thumbnail will open up the 'larger version' of the thumbnail. So basically its a 'Photo Gallery' that is dynamically loaded.

Now I have knowledge in AS, PHP and MySQL. I was just wondering if anyone knew of a GOOD tutorial for something like this or something similar. I am able to do all the work by myself, I just need a little nudge in the right direction. I would really appreciate it, so much!

View Replies !    View Related
Dynamic Loading Photo Gallery Help
Hello,

I'm trying to create a dynamic photo gallery/catalog. This is the basics of what I'm trying to achieve:

1. Load external .jpgs (this I've been able to do)
2. Have two sets of navigation - I.) A next and previous link that can cycle through the pages and II.) A scroll bar that one can navigate to the different pages of the catalog (ie. the nav shows page 01-02, 03-04, 05-06, etc.)

These are the basic functionalities that I need to achieve. More advance features I would like to implement would be:

3. Dynamically create the scroll bar nav (number of pages will be different from month to month)
4. Connection to an XML document (which will control all of the info pertaining to the pages.
5. Ability to mouseover the pages and see a pop-up box containing text from the page.

I do not need or want thumbnails, either. I've been searching for the past few days on how to do this, but I just haven't been able to find any answers to how to do this with external .jpgs. Any help would greatly be appreciated.

View Replies !    View Related
Dynamic Photo Gallery Problem
I'm trying to create a very dynamic photo gallery that places thumbnail images dynamically on the stage, and when you click on those, it loads a larger image into a holder movie clip. Right now I have nothing on my stage. Here is my Code:

code:
lastX = -220;
lastY = -100;

_root.createEmptyMovieClip("holder",this.getNextHi ghestDepth());

for(i=1;i<8;i++){

_root.createEmptyMovieClip("thumb00"+i, this.getNextHighestDepth());
this["thumb00"+i].loadMovie("images/thumbs/vegas00" + i + ".jpg");
this["thumb00"+i]._x = lastX+80;
this["thumb00"+i]._y = lastY
lastX = eval("thumb00"+i)._x;
lastY = eval("thumb00"+i)._y;
}


I think the main problem is that the thumb00 - whatever movieclip has a width and height of 0, and I think that's because of createMovieClip. Does anyone know a workaround for this?

View Replies !    View Related
[MX04] Dynamic Photo Gallery Q
I'm creating a dynamic photo gallery that needs to be user-updateable. I'm wondering how (if possible) I can dynamically create movie clips depending on the number of jpgs in a directory. What I mean is:

let's say in /images/current_season I have 10 jpgs that will be individually and dynamically loaded. Then, the following season, there are only 7 images. The user will only replace the contents of /images/current_season with no modifications to the .fla/swf file. The gallery needs to know how many images are in the directory and then dynamically create movie clips in which to load them.

Is this possible using only AS or will I have to use something else, like ASP or XML (I know nothing other than AS).

Any help would be immensely appreciated.

View Replies !    View Related
Dynamic Photo Gallery MX 2004
Hi y'all!

I am a bit stuck here. I am trying to find a tutorial or example to walk me through this all, but haven't been able to. Does anybody have any advice?

What I want to do is make a dynamic photo gallery in flash that is based off folders and files in a certain directory on the server.

For example. On the server there is a folder in the root directory called "gallery."
Inside the "gallery" folder would be X number of folders containing images and their thumbnails.

The names of the folders inside the "gallery" folder would correspond with the menu catergories in the flash movie.

Ideally, I would like the flash movie to automatically update the menu and photos in the gallery upon upload of photos or folders to the server.

Is this possible?

Any help, direction, advice is appreciated.

View Replies !    View Related
Dynamic Photo Gallery Wierd Bug
I've developed a Dynamic Flash Photo Gallery. I used Flash MX 2004 and published the movie to Flash Player 6 AS 1. I tested it in my local machince running Win XP SP1 IE6 and Firefox and it worked fine in both. Now my client said that there are problems with it.

When a user clicks on a thumbnail it loads that thumbnail's main image. When the user clicks on another thumbnail it shows the preloader but doesn't load the image. When the user clicks another thumbnail it loads that thumbnail's main image. So basically the the main image loads only during every other click.

This is the summary of the tests:
- Windows XP - latest IE works, Netscape no
- 3 users - Windows 2000 Pro - latest IE no, Netscape yes
- 1 user - Windows 2000 - latest IE no, Netscape yes

I can't figure out how to fix this problem!

Here's the structure of my script:
- function is called to load an array of thumbnail filenames
- if successful another function is called to load the thumbnails one-by-one
- when a thumbnail is click 2 functions are called simultaneously
- one function loads the main image based on the filename of the thumbnail clicked
- another function to retrieve that details of that image based on it's ID number

Someone experienced this problem before? Please
help I'm really bugged!

Please check it here: beta.gowestern.com/gallery

View Replies !    View Related
Dynamic Photo Gallery Problem...
aight...
so i've got this gallery and all's well...
what i want is for the previous image to stay visible until the next image is loaded... what i'm doing is loading each image into a progressively higher level than the previous one...

like this:
on the "next" button:

Code:
on(release){_root.pageturn.gotoAndPlay(2);
++i;
++n;
if(i>commercial){
i=1;
gotoAndPlay("commercial1");
}else{
gotoAndPlay("commercial1");
}}
and then in frame "commercial1":

Code:
_root.empty2.createEmptyMovieClip("loader"+[n],n);
loadMovie("commercial/commercial"+[i]+".jpg",_root.empty2["loader"+n]);
the "i" controls which image is loaded (and "commercial" in i>commercial is a variable loaded from a text document, so it loops at the end of each set of images) and the "n" controls what level it loads on.
all works cool, except...

PROBLEM:
when i hit a button, instead of the previous image just staying there until the next one finishes loading, it flash first... just a little pop of white...
i'm not sure what's causing it and it's very visually disruptive... anyone got any ideas?

thanks,
puck

View Replies !    View Related
Fully Dynamic Photo Gallery?
I know this has been posted before somewhere but I can't seem to find it!

What I want:

1) a photo gallery that is linked with a folder on my hardrive. I can then drag my photos into the folder to load 'em up.

can you help me out?

Thanks,
Dean

View Replies !    View Related
Dynamic Photo Gallery...help Plss
gud day everyone!

i actually have this wild idea which i don't know if i'ts possible..

this is actually about my photo gallery which is driven by an external xml file, and what i wanted to happen is that...everytime i want to add pictures in my root folder where my files are actually saved...that image will automatically be shown in my swf file, without adding some line in my xml file as well as my fla file...

is it possible? if yes...could someone teach me bout this? tnx a lot in advance!

by the way....im using as3...and im still beginner of it...U

more power guyz!

View Replies !    View Related
Dynamic Photo Gallery Wierd Bug
I've developed a Dynamic Flash Photo Gallery. I used Flash MX 2004 and published the movie to Flash Player 6 AS 1. I tested it in my local machince running Win XP SP1 IE6 and Firefox and it worked fine in both. Now my client said that there are problems with it.

When a user clicks on a thumbnail it loads that thumbnail's main image. When the user clicks on another thumbnail it shows the preloader but doesn't load the image. When the user clicks another thumbnail it loads that thumbnail's main image. So basically the the main image loads only during every other click.

This is the summary of the tests:
- Windows XP - latest IE works, Netscape no
- 3 users - Windows 2000 Pro - latest IE no, Netscape yes
- 1 user - Windows 2000 - latest IE no, Netscape yes

I can't figure out how to fix this problem!

Here's the structure of my script:
- function is called to load an array of thumbnail filenames
- if successful another function is called to load the thumbnails one-by-one
- when a thumbnail is click 2 functions are called simultaneously
- one function loads the main image based on the filename of the thumbnail clicked
- another function to retrieve that details of that image based on it's ID number

Someone experienced this problem before? Please
help I'm really bugged!

Please check it here: beta.gowestern.com/gallery

View Replies !    View Related
Dynamic Photo Gallery Problem...
aight...
so i've got this gallery and all's well...
what i want is for the previous image to stay visible until the next image is loaded... what i'm doing is loading each image into a progressively higher level than the previous one...

like this:
on the "next" button:

Code:
on(release){_root.pageturn.gotoAndPlay(2);
++i;
++n;
if(i>commercial){
i=1;
gotoAndPlay("commercial1");
}else{
gotoAndPlay("commercial1");
}}
and then in frame "commercial1":

Code:
_root.empty2.createEmptyMovieClip("loader"+[n],n);
loadMovie("commercial/commercial"+[i]+".jpg",_root.empty2["loader"+n]);
the "i" controls which image is loaded (and "commercial" in i>commercial is a variable loaded from a text document, so it loops at the end of each set of images) and the "n" controls what level it loads on.
all works cool, except...

PROBLEM:
when i hit a button, instead of the previous image just staying there until the next one finishes loading, it flash first... just a little pop of white...
i'm not sure what's causing it and it's very visually disruptive... anyone got any ideas?

thanks,
puck

View Replies !    View Related
Fully Dynamic Photo Gallery?
I know this has been posted before somewhere but I can't seem to find it!

What I want:

1) a photo gallery that is linked with a folder on my hardrive. I can then drag my photos into the folder to load 'em up.

can you help me out?

Thanks,
Dean

View Replies !    View Related
Dynamic Flash Photo Gallery
Hi

I'm on a tight deadline with a project and am trying to create something similar to http://www.urbansplash.co.uk/showreel/main.html
I have been able to create a basic gallery that displays a thumbnail and then a large image. However I've had trouble creating the panning effect of the large images and the scrolling of the thumbnail.

The gallery will be completely dynamic so the images will be pulled into flash based on the info in the xml file. I would appreciate any help or tips from anyone on how the above effect can be achieved.

Thanks

Mit

View Replies !    View Related
Dynamic Photo Gallery Tutorials?
Hey guys

Just wondering if anyone could point me in the direction of a really good tutorial on creating a dynamic photo gallery? I am comfortable using AS, JS & PHP. So if it involves those languages thats cool too.

Thanks in advance

Streamer ;-)

View Replies !    View Related
Help Dynamic Flash Photo Gallery
Hello!

I need help in Flash.

I'm making a dynamic Flash photo gallery...

I use ScrollPane component for showing the avaible images which are listed in xml file. Then I use Loader component for showing the selected image from ScrollPane.

The problem is that I don't know how to show image inside ScrollPane. Is it possible to show it with Loader component inside ScrollPane.

Please, help me.

It would be great to show me an example.

Thanks for now.

mloncaric

View Replies !    View Related
Dynamic Photo Gallery ( Remove Old Thumbnails..? )
hi all,

i am trying to create a dynamic photo gallery which calls the photos within an xml.. i am explaining the problem with an example..

first it loads an xml which contains 10 photos. (1.xml)

when i pressed button2, it loads an xml which contains 15 photos. (2.xml)

the problem is coming.. if number of the photos in 2.xml, is less than 1.xml ( for example 5..) the 5 photos which are related to 1.xml is still there... they are not disappeared.. here is my code..

Code:
//i am calling photo urls from xml files..
var galleryxml:XML = new XML();
galleryxml.ignoreWhite = true;
galleryxml.onLoad = galeriload;
function galeriload() {
photos = new Array();
var nodes:String = this.firstChild.childNodes;
numnodes = nodes.length;
//for every node in xml, add one more thumbnail..
for (i = 0; i < numnodes; i++) {
gallerycontainer = attachMovie("gallerycontainer", "gallerycontainer" + i, i);
photos.push(nodes[i].attributes.url);
gallerycontainer.thumbloader.loadMovie(fotourls[i]);
}
}
galleryxml.load("myphotogallery1.xml");
/////////////
//when a button pressed, it loads a new xml which targets the photos url.
/////////////
btn1.onPress = function() {
galleryxml.load("myphotogallery1.xml");
};
btn2.onPress = function() {
galleryxml.load("myphotogallery2.xml");
};
btn3.onPress = function() {
galleryxml.load("myphotogallery3.xml");
};
i hope i could explained..

View Replies !    View Related
Dynamic Photo Gallery Directory Problem?
I'm trying to organize my dynamic photo galleries in folders for easy management and I've run into a problem. The gallery .swfs open up from thier respective directories, and function normally. The code for these gallery swfs is as follows:


ActionScript Code:
picture.loadMovie("photo1.jpg")

this.onLoad = function(){
    numpics = 0;
    loadVariables("numpics.txt","this");
    picnumloaded = 1;
    picture.loadMovie("photo"+picnumloaded+".jpg");
}
forwards.onRelease = function(){
    if (picnumloaded==numpics){
        picnumloaded = 1;
        picture.loadMovie("photo"+picnumloaded+".jpg");
    }else{
        picnumloaded ++;
        picture.loadMovie("photo"+picnumloaded+".jpg");
    }
}
backwards.onRelease = function(){
    if (picnumloaded==1){
        picnumloaded = numpics;
        picture.loadMovie("photo"+picnumloaded+".jpg");
    }else{
        picnumloaded --;
        picture.loadMovie("photo"+picnumloaded+".jpg");
    }
}

But when loaded from the .swf they are contained in, they no longer work, ceasing to look for the photos in thier respective directory. The code used to load the gallery .swfs is:


ActionScript Code:
container.loadMovie("d92404/d92404.swf");

d92404.onPress = function() {
    container.loadMovie("d92404/d92404.swf");
}

d12105.onPress = function() {
    container.loadMovie("d12105/d12105.swf");
}

d21905.onPress = function() {
    container.loadMovie("d21905/d21905.swf");
}

d32605.onPress = function() {
    container.loadMovie("32605/32605.swf");
}

what am i missing here? it loads the .swf from the indicated directory, but then that swf can no longer find the pictures

View Replies !    View Related
Dynamic Photo Gallery Preview Placement
Ok, heres the deal.

I did this splash gallery about a year and a half ago. http://www.tonysoileau.com Amazingly enough it was my first Actionscript experience. I didn't even know what actionscript was, but I got the assignment, so I was forced to teach myself.

It took me about 16 continuous hours to complete, but it is completely static. I know much more about AS then I did at that time, and I would like to reprogram it automatically with XML for the hell of it.

No biggie,.... right?

Wrong. My only forseen dilemma is easily determining and assigning the preview area. As it was then, I moved the picture in the preview area to where I wanted it and it was fine.

If the images are loaded in dynamically, I wouldn't have any control of that unless I specified an x and y value in the XML which would be tedious if I decided to display a bunch of images.

Do you guys have any suggestions?

View Replies !    View Related
Dynamic Photo Gallery / Target Child Mcs
hi all -

i'm trying to build a dynamic photo gallery that:

1) loads data from an xml file

i've got this code working somewhat:


Code:
// Create XML Object
myPhoto = new XML();
myPhoto.ignoreWhite = true;
myPhoto.onLoad = function(success) {

// initialize variables
numimages = this.firstChild.childNodes.length;
spacingX = 90; // X spacing between each thumbnail - width of each thumbnail = 80
spacingY = 90;// Y spacing between each thumbnial - height of each thumb = 80
countX = 0;// use this counter to count how many across
countY = 0;// use this counter to count how many rows
countSet = 0;// use this to count how many sets total given a total # of thumbs
cCount = 3; // this sets how many thumbs across
rCount = 3; // this sets number of thumbs down

// loop thru each xml entry and generate, position, and link up thumbnails
for (i=0; i<numimages; i++) {

this.picHolder = this.firstChild.childNodes[i];
this.thumbHolder = _root.thumbnails.createEmptyMovieClip("thumbnail"+i,i);

if ((i % (rCount * cCount) == 0) & (i > 0)){
countSet++;
countY = 0;
}

// Reset the xcount every cCount. Increment ycount every rCount. Increment xCount every time.
if (i % cCount == 0) {
countX = (countSet * spacingX) * 0;
countY++;
} else {
countX++;
}

// Offset the thumbs
if (i > 0) {
this.thumbHolder._x = (countSet * (spacingX * cCount)) + (countX * spacingX);
this.thumbHolder._y = ((countY-1) * spacingY);
}

this.thumbLoader = this.thumbHolder.createEmptyMovieClip("thumbnail_image", 100);
this.thumbLoader.loadMovie(this.picHolder.attributes.thmb,100);
this.thumbHolder.title = this.picHolder.attributes.title;
this.thumbHolder.main = this.picHolder.attributes.main;
//this.thumbHolder = _root;

// NEED TO FLESH THIS OUT
// create new movieclips and attach each JPG in set to new mcs.
this.mainHolder = _root.images.createEmptyMovieClip("main_image"+i,i);
this.mainLoader = this.mainHolder.createEmptyMovieClip("main_image",100);
this.mainLoader.loadMovie(this.thumbHolder.main,100);
//trace(this.mainLoader);

// load the first pic to the stage when the page first loads
if (i==0) {
startLoading(this.thumbHolder.main);
//startLoading(this.thumbHolder.main);
}

// event handlers for each thumbnail
this.thumbHolder.onRollOver = function() {
this._alpha = varAlpha;
trace(this);
}

this.thumbHolder.onRollOut = function() {
this._alpha = 100;
}

this.thumbHolder.onRelease = function() {
_root.targetImg= this.main;// set the img to load
_root.loader.onEnterFrame = switchImgs;// call function that fades out existing main img and fades in new
};
}
};

myPhoto.load(myFile);// load xml file
To swap out the images onRelease of each thumbnail, I've got this:


Code:
function switchImgs(targetImg) {
if (this._alpha > 0) {
this._alpha += -10;
} else {
startLoading(_root.targetImg);
this.onEnterFrame = null;
}
}

function startLoading(whichImage) {
loader.loadMovie(whichImage, 1000);
_root.onEnterFrame = function() {
infoLoaded = loader.getBytesLoaded();
infoTotal = loader.getBytesTotal();
percentage = Math.floor(infoLoaded/infoTotal*100);
// trace(percentage);
// infoField.text = percentage+"%";
if (percentage >= 100) {
delete this.onEnterFrame;
// infoField._visible = false;
fadeInLoader();
}
}
}
This is breaking down at a couple of points.

1) Since the images are being loaded dynamically, and they might be kind of big, seems like they don't load in time. I click on thumbs and they just crap out randomly. That's where I've started going w/ the "// NEED TO FLESH THIS OUT" approach of loading the external images once to a movie clip on the stage, and then swapping back and forth between those.

2) But then #1 above would make it nice if there was a loader that indicated how much of each main image is loaded, or better yet, to load each main image sequentially. Meaning, only load img2 if img1 is finished, etc...

Here's where I'm stuck and need some help:

A) I can't even target the thumbnails themselves. I tried everything: _level0.thumbnails.thumbnail0 (this is what is returned when I trace during the loop), _root.thumbnails, etc, etc. How do I target each specific thumbnail in the above code?

B) Since my routine loads the images during a loop of the xml nodes, I can't stop the loop until each main image is done loading. (nor do i want to since that would be weird). Instead I'd like to push the files into an array outside the xml loop, then kick off a process to load each image in the array sequentially, and only after each is finished. Any ideas on best ways to do this?

Thank you!!!

View Replies !    View Related
Cartoonsmart Super Dynamic Photo Gallery Question
I have this setup in flash and now want to do a little bit more with it, but i'm not quite sure how to go about doing some things. I have clickable buttons to change the album that the user is viewing. Now the way the photo gallery is setup is when you click on a thumbnail it scales out and reveals the larger image on the screen. The problem I want to correct is that if you click one of the thumbnails then immediately click another album name the thumbnail that you just clicked appears in the next album in the thumbnail navigation bar but it is not scaled down to the size of the rest of the thumbnails. Basically it's scaled down from the size of the larger image but not scaled to fit the "squareness" of the thumbnails. I'm trying to figure out the right way to make sure that you cannot click on any album name until the picture has fully loaded on screen, and the same goes for the arrows that are used to scroll through the thumbnails. Any help regarding my problem would be greatly appreciated thank you.

View Replies !    View Related
XML Photo Gallery With Thumbs And Dynamic Resize Issue
I'm looking for some advice on a incorporating thumbs to my photo gallery, and am having some problems making them work. My photos need to be resized dynamically as they are different sizes and this is working beautifully but I can't for all that's holy get the thumbs to work as they do so well in the "adding thumbnails" tutorial. Would love any assistance.

Thanks so much...

here's the code...maybe this may help piece together the problem.

FLASH ::

title_txt.htmlText = "<font color="#000000">Title: </font><font color="#FFFFFF">Splash Screen</font>";
/* Debug Variables */
//debug = 1; //Comment this "debug" line to stop the movie from 'tracing' or 'outputting'
holderMC._alpha = 0;
var picArray = new Array();
var tempArray = new Array();
var thumbNailArray = new Array();
var SPACING = 10;
var DEPTH = 0;
var xmlFILE = "gallery.xml";

function printer(str)
{
// If debug flag is set, output different operation in the movie
debug ? trace(str) : null;
}

MovieClip.prototype.loadPic = function(pic)
{
picnum_txt.text = (pic+1) + "/" + NUMOFPICS; // Add one to the 'pic' var since an array starts at 0
printer("STATUS: Loading Picture " + pic);
holderMC._alpha = 0;
cur = pic;
if (pathToPICS.length > 1)
{
this.loadMovie(pathToPICS+picArray[pic]);
}
else
{
this.loadMovie(picArray[pic]);
}
this._parent.onEnterFrame = function()
{
var t = holderMC.getBytesTotal(), l = holderMC.getBytesLoaded();
if (t != 0 && Math.round(l/t) == 1 && holderMC._width>0)
{
var w = holderMC._width+SPACING, h = holderMC._height+SPACING;
border.resizePic(w, h, pic);
delete this._parent.onEnterFrame;
}
};
};
MovieClip.prototype.resizePic = function(w, h, pic)
{
var speed = 3;
holderMC._alpha = 0;
this.onEnterFrame = function()
{
this._width += (w-this._width)/speed;
this._height += (h-this._height)/speed;
title_txt.htmlText = "<font color="#000000"><b>Currently Viewing:</b></font>&nbsp;" + "<font color="#FFFFFF">" + tempArray[pic] + "</font>";
if (Math.abs(this._width-w)<1 && Math.abs(this._height-h)<1)
{
this._width = w;
this._height = h;
holderMC._x = this._x-this._width/2+SPACING/2;
holderMC._y = this._y-this._height/2+SPACING/2;
holderMC._alpha += 5;
if (holderMC._alpha>90)
{
holderMC._alpha = 100;
delete this.onEnterFrame;
}
}
};
};

var gallery_xml = new XML();
gallery_xml.ignoreWhite = true;
gallery_xml.onLoad = function(success)
{
if (success)
{
printer("RESULT: XML File Loaded!");
var gallery = this.firstChild;
pathToPICS = gallery.attributes.picturePath;
NUMOFPICS = gallery.childNodes.length;
printer("Number of Pics: '" + NUMOFPICS + "'");
printer("Path to Pics: '" + pathToPICS + "'");
for (var i = 0; i<NUMOFPICS; i++)
{
tempArray.push(gallery.childNodes[i].attributes.title);
picArray.push(gallery.childNodes[i].attributes.source);
thumbNailArray.push(gallery.childNodes[i].attributes.thumbNail);
thumbnails_fn(i);
}
//loading first picture
holderMC.loadPic(0);

// Button Code
prev.onRelease = function()
{
if (cur == 0)
{
/* Uncomment this line if you want the pictures to start over after it reaches the first image in the array */
//holderMC.loadPic(picArray.length-1);
}
else
{
holderMC.loadPic(cur-1);
}
};
next.onRelease = function()
{
if (cur == picArray.length-1)
{
/* Uncomment this line if you want the pictures to start over after it reaches the last image in the array */
//holderMC.loadPic(0);
}
else
{
holderMC.loadPic(cur+1);
}
};
}
else
{
printer("ERROR: XML File NOT Loaded '" + xmlFILE +" '");
}
};
gallery_xml.load(xmlFILE); // Load the xml file
printer("XML File: " + xmlFILE);

function thumbNailScroller() {

// thumbnail code!
this.createEmptyMovieClip("tscroller", 1000);
scroll_speed = 10;
tscroller.onEnterFrame = function() {

if ((_root._ymouse>=thumbnail_mc._y) && (_root._ymouse<=thumbnail_mc._y+thumbnail_mc._heig ht)) {

if ((_root._xmouse>=(hit_right._x-40)) && (thumbnail_mc.hitTest(hit_right))) {

thumbnail_mc._x -= scroll_speed;

} else if ((_root._xmouse<=40) && (thumbnail_mc.hitTest(hit_left))) {

thumbnail_mc._x += scroll_speed;

}

} else {

delete tscroller.onEnterFrame;

}

};

}

function thumbnails_fn(k) {

thumbnail_mc.createEmptyMovieClip("t"+k, thumbnail_mc.getNextHighestDepth());
tlistener = new Object();
tlistener.onLoadInit = function(target_mc) {

target_mc._x = hit_left._x+(eval("thumbnail_mc.t"+k)._width+5)*k;
target_mc.pictureValue = k;
target_mc.onRelease = function() {

p = this.pictureValue-1;
nextImage();

};
target_mc.onRollOver = function() {

this._alpha = 50;
thumbNailScroller();

};
target_mc.onRollOut = function() {

this._alpha = 100;

};

};
image_mcl = new MovieClipLoader();
image_mcl.addListener(tlistener);
image_mcl.loadClip(thumbnail[k], "thumbnail_mc.t"+k);

}



XML ::

<?xml version="1.0" encoding="UTF-8"?>
<gallery picturePath="exhibitdesign/" >
<image title="EXHIBIT DESIGN Shaw Center for the Arts Baton Rouge, LA" source="001_shaw_center002.jpg" thumbnail="th0.jpg"/>
<image title="EXHIBIT DESIGN Shaw Center for the Arts Baton Rouge, LA" source="002_shaw_center001.jpg"/>
<image title="EXHIBIT DESIGN Shaw Center for the Arts Baton Rouge, LA" source="003_shaw_center005.jpg"/>
<image title="EXHIBIT DESIGN Shaw Center for the Arts Baton Rouge, LA" source="004_shaw_center019.jpg"/>
<image title="EXHIBIT DESIGN Shaw Center for the Arts Baton Rouge, LA" source="005_shaw_center021.jpg"/>
<image title="EXHIBIT DESIGN Shaw Center for the Arts Baton Rouge, LA" source="006_shaw_center004.jpg"/>
<image title="EXHIBIT DESIGN Shaw Center for the Arts Baton Rouge, LA" source="007_shaw_center010.jpg"/>
</gallery>

<!--
Exif Info
-->

Thanks in advance.

View Replies !    View Related
[MX] Dynamic XML Photo Gallery - Slow Image Loading Issue
Hi,
I have created a portfolio using some actionscript I found online. Unfortunately, when I loaded it to my web server I noticed that it took a while for the pictures to load. How can I add a preloader to my code for each image.

Here is my code so far:

myPhoto = new XML();
myPhoto.ignoreWhite = true;
myPhoto.load("bedroom.xml");
myPhoto.onLoad = function(success) {
//portfolioTag = this.firstChild;
numimages = this.firstChild.childNodes.length;
spacing = 70;
for (i=0; i<numimages; i++) {
this.picHolder = this.firstChild.childNodes[i];
this.thumbHolder = thumbnails.createEmptyMovieClip("thumbnail"+i, i);
this.thumbHolder._x = i*spacing;
this.thumbLoader = this.thumbHolder.createEmptyMovieClip("thumbnail_i mage", 0);
this.thumbLoader.loadMovie(this.picHolder.attribut es.thmb);
this.thumbHolder.title = this.picHolder.attributes.title;
this.thumbHolder.desc = this.picHolder.attributes.desc;
this.thumbHolder.main = this.picHolder.attributes.main;

this.thumbHolder.onRelease = function() {
gotoAndPlay(91);
loader.loadMovie(this.main);
title_txt.text = this.title;
desc_txt.text = this.desc;
};
}
};

View Replies !    View Related
Dynamic Photo Gallery, Can Flash Count The Total No. Of Jpegs Stored In A Folder?
I am making a gallery for my website and want it to generate dynamically. The way i want it to work is for flash to take a look inside a folder (e.g. images/photos) to see how many jpegs there are. The jpegs will be numbered 01 02 03 etc. to keep things simple at this stage. Once it has the total number of jpegs it creates movie clips and places the jpegs in them so they display on the screen.

What i need to know is, is flash able to count files from within a folder? How can this be done? If it cant then how can i get around this? I really don't want to be manually updating it the whole time, I just want to be able to drop the images in as needed.

View Replies !    View Related
Kirupa - Create A Photo Gallery, How Could I Put A Caption For Each Photo?
Hi all, im new here i stumbled upon the photo gallery page when looking at how to create one for my website, thanks to sbeener for the code! :-). It works perfectly however how could i change/add to the code so that for a specific photo a certain caption appears which changes for each different photo?

Any ideas will be greatly appreciated.

cheers, alex350r

View Replies !    View Related
Photo Gallery Tutorial Turned Into Photo Carousel
i've taken the tutorial on this site on how to create an flash photo gallery that loads the content from an xml file. i'd like to alter the output of this fine tutorial and would appreciate any help in doing so.

i would like to create gallery, but instead of only showing one picture at a time, i would like to have a carousel effect where more than one picture is shown at a time, and the buttons control the turn of the carousel. i'm thinking in order to do this i'll need to have the as create a movie clip for each picture (maybe during the for loop). each mc instance would have to have a unique name, and then the buttons could play with the properties of each created mc instance.

here's the code from the tutorial on this. any help would be much appreciated....

function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {
image[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
description[i] = xmlNode.childNodes[i].childNodes[1].firstChild.nodeValue;
}
firstImage();
} else {
content = "file not loaded!";
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("images.xml");
/////////////////////////////////////
listen = new Object();
listen.onKeyDown = function() {
if (Key.getCode() == Key.LEFT) {
prevImage();
} else if (Key.getCode() == Key.RIGHT) {
nextImage();
}
};
Key.addListener(listen);
previous_btn.onRelease = function() {
prevImage();
};
next_btn.onRelease = function() {
nextImage();
};
/////////////////////////////////////
p = 0;
this.onEnterFrame = function() {
filesize = picture.getBytesTotal();
loaded = picture.getBytesLoaded();
preloader._visible = true;
if (loaded != filesize) {
preloader.preload_bar._xscale = 100*loaded/filesize;
} else {
preloader._visible = false;
if (picture._alpha<100) {
picture._alpha += 10;
}
}
};
function nextImage() {
if (p<(total-1)) {
p++;
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
picture_num();
}
}
}
function prevImage() {
if (p>0) {
p--;
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
picture_num();
}
}
function firstImage() {
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[0], 1);
desc_txt.text = description[0];
picture_num();
}
}
function picture_num() {
current_pos = p+1;
pos_txt.text = current_pos+" / "+total;
}

View Replies !    View Related
Photo Gallery Help - Increase Height Of Main Photo
I have downloaded and walked through the steps in creating the Photo Gallery and have it working properly for my Horizontal shots. However, I am having trouble with displaying my Vertical shots (Height-300 x Width-200). How can I extend the flash in height to display my vertical pics properly?

Also, is there any cody that I can enter between the <Caption> </Caption> that would eliminate any caption being displayed? If it is left blank, it auto inserts undefined.

Thanks!

View Replies !    View Related
"Dynamic" XML Photo Gallery, Mp3 Player?
Is there a way to create an XML-based photo gallery that can go and "find" image files in a given directory -- meaning, figure out how many there are and the file names on the fly -- so that I don't have to provide file names in a hard-coded fashion?

Also, as an extension to that question, I have been curious if it's possible to extend that kind of functionality for an AS3 mp3 player that will look in a given directory and discover a new song, add it to the player's play list, and make it available to listen to.

If so, I'm not necessarily asking to provide the code, just a link if there is one.

Many thanks!

View Replies !    View Related
How To Create A Photo Gallery Of Hundreds Of Photo?
I saw the tut for the creating of photo gallery. Is it possible to do a photo gallery like this one (http://www.kriztal.com/flash.html) with hundreds of them? Do i have to key in the Action dialog all the photos' name in it? Is there another method of doing it with the effect of the web site i gave?Pls give some guidance and advice.

View Replies !    View Related
Photo Gallery - Only Loading Every Other Photo [urgent]
I've made a photo gallery from the MX tutoial, modifying it a bit for my needs. When I was using local images they would load fine and every one of them would display. I altered the XML to load images using URLS and now only every other displays (I've checked the urls are correct) - though because of the sequence I can see every image.

There are 7 images and my prev/next buttons loop, so the sequence I get is...

1,3,5,7,2,4,6

Any ideas?

View Replies !    View Related
Kirupa Photo Gallery - How To Load 2 Instead Of 1 Photo?
Hi!

How are ya?

I found the tutorial by Kirupa --> http://www.kirupa.com/developer/mx2004/xml_flash_photogallery.htm

Followed the tutorial and everything works great.

However I'm looking for a solution to load 2 instead of 1 photo at a time.

current situation:
[photo 1] *next button* [photo 2] *next button* [photo 3] .. etc!

wanted situation:
[photo 1][photo 2] *next button* [photo 3][photo 4] *next button* etc!!

think of it as a magazine!

How to do this? I tried copy-ing stuff in the actionscript layer and start adding 2's on places that were now double...figured i was doing it right but i was wrong, its not working

I really hope someone can help me out, greatly appreciated!
Thanks a lot.

RocketGuns

View Replies !    View Related
Copyright © 2005-08 www.BigResource.com, All rights reserved