Photogallery Slider Problems

Fading "day Passing" Photogallery With Slider Bar Question
Hi,
I have a bunch of photos of the same place at different times of the day, and I want to make a Flash program that will show these pictures as if a day is passing. I want the user to be able to control a slider bar at the bottom. When the slider bar is moved to the right, the 8 or so photos will fade into each other so it looks like a movie of a day passing. The different times of day will be marked under the slider bar so the user can see what time of day it is at that particular point. I used the Kirupa tutorial to get the slider bar working and I know how to make pictures appear one by one as the slider bar moves along, but I'm having trouble getting the fading effect to work in an efficient way. The photos are taken from an XML file.

Currently, my plan is to have separate code for each region of the slider bar, for example, 8AM to 9AM. For this reason, I should keep the 8AM image on top, starting at alpha=100 and gradually transitioning to alpha=0 by the 9AM spot. The 9AM image itself can stay at alpha=100 for the entire 8AM to 9AM block, but underneath the 8AM image. When the 8AM image reaches alpha=0, the 9AM image will be fully visible in the correct spot. Whatever code I have here I will basically repeat for the 9AM to 10AM section, and so on.

Any advice? I am relatively new to this so there is probably an easyway I don't even know about.

Thanks!

This is what I have for code but as you can see I sort of got stuck.

function loadXML(loaded) {

if (loaded) {

xmlNode = this.firstChild;
image = [];
description = [];
total = xmlNode.childNodes.length;
imageloaded=[];
for (i=0; i<total; i++) {

image[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
description[i] = xmlNode.childNodes[i].childNodes[1].firstChild.nodeValue;
imageloaded[i] = false;

}
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("images_rosie.xml");

//myslider.onPress = function() {
this.onEnterFrame=function(){



if ((0<=myslider.ratio) && (myslider.ratio<30) && (imageloaded[0] == false)) {
//picturespot0._alpha=100; //should go before the loadMovie
//picturespot1._alpha=100;
//how to specify layer? picturespot1 is on top
//picturespot0.swapDepths(picturespot1);
//picturespot0.loadMovie(image[0]); //0 is on top
//picturespot1.loadMovie(image[1]); //1 is below
for (var i = 0; i<image.length; i++) {
imageloaded[i] = false;
}
imageloaded[0] = true;
//imageloaded[1]=true;
if ((0<=myslider.ratio) && (myslider.ratio<10)) && (Imageloaded[0]==false) and (Imageloaded[1]==false){
picturespot0._alpha=100;
picturespot1._alpha=100;
picturespot0.swapDepths(picturespot1);
picturespot0.loadMovie(image[0]);
picturespot1.loadMovie(image[1]);
} else if ((10<=myslider.ratio) && (myslider.ratio<20)){
picturespot0._alpha=60;
picturespot0.loadMovie(image[0]);
} else if ((20<=myslider.ratio) && (myslider.ratio<30)){
picturespot0._alpha=30;
picturespot0.loadMovie(image[0]);
}
//ratio.text=description[0];
//for (var myslider.ratio=0; myslider.ratio<30; myslider.ratio++){
//picturespot[0]._alpha+=10 //something like this?
//}

---

Slider Bar Fading "day Passing" XML Photogallery Question
Hi,
I've been working on this problem for a while now and posted it to the Flash 8 forum but it should probably be in the actionscript one instead. I am trying to make a Flash program that makes a series of still photos look something like a video by fading the photos into each other as a slider bar is moved across the screen. The photos are of an outdoor scene at different times of day, for example, 8AM, 9AM, 10AM. I want to have these photos fade into each other for each hourly interval so that the user can observe a simulated day passing. The photos themselves are taken from an XML file, which I figured out from the Kirupa tutorial. The slider bar component uses the Kirupa slider bar code.

For each region, for example, 8AM to 9AM, my strategy is to have both the 8AM image and the 9AM images loaded. The 9AM image, however, stays underneath while the alpha of the 8AM image is gradually reduced over the region. Here is the code I have so far. Currently the images are not showing consistantly. The image shown corresponding to a certain slider bar location seems to vary depending on the number of times the slider bar has slid back and forth over that location. I think I do not have the images loading in the correct place, or something. If you have a better way to do this kind of thing I would love to hear about it. Thank you!!

function loadXML(loaded) {

if (loaded) {

xmlNode = this.firstChild;
image = [];
description = [];
total = xmlNode.childNodes.length;
imageloaded=[];
for (i=0; i<total; i++) {

image[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
description[i] = xmlNode.childNodes[i].childNodes[1].firstChild.nodeValue;
imageloaded[i] = false;

}
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("images_rosie.xml");


this.onEnterFrame=function(){
/////for first region (8AM to 9AM)

//this part should check to see if it's in that region
//and load the right images if they are not yet loaded
if ((0<=myslider.ratio) && (myslider.ratio<15)&&(imageloaded[0]==false)){

for (var i = 0; i<image.length; i++) {
imageloaded[i] = false;
}

imageloaded[0] = true;
imageloaded[1]=true;

picturespot0.swapDepths(200);
//picturespot1.swapDepths(0);
//picturespot0.loadMovie(image[0]);
//picturespot1.loadMovie(image[1]);

//this part should check to see if it's in the first of three subregions
//and give the images it the right alpha value
if ((0<=myslider.ratio) && (myslider.ratio<5)){
//trace(myslider.ratio);

picturespot0._alpha=100;
picturespot1._alpha=100;
//picturespot0.swapDepths(200);
//picturespot1.swapDepths(5);
//picturespot0.swapDepths(picturespot1);
picturespot0.loadMovie(image[0]);
picturespot1.loadMovie(image[1]);


} else if ((5<=myslider.ratio) && (myslider.ratio<10)){
picturespot0._alpha=50;
picturespot1._alpha=100;
//picturespot0.swapDepths(300);
//picturespot1.swapDepths(3);
//picturespot0.swapDepths(picturespot1);
picturespot0.loadMovie(image[0]);
picturespot1.loadMovie(image[1]);

} else if ((10<=myslider.ratio) && (myslider.ratio<15)){
picturespot0._alpha=0;
picturespot1._alpha=100;
//picturespot0.swapDepths(400);
//picturespot1.swapDepths(4);
//picturespot0.swapDepths(picturespot1);
picturespot0.loadMovie(image[0]);
picturespot1.loadMovie(image[1]);

}

}else if ((15<=myslider.ratio) ){
trace("in next region; repeat above code for total number of regions");
for (var i = 0; i<image.length; i++) {
imageloaded[i] = false;
}
imageloaded[2]=true;
imageloaded[1]=true;
picturespot0.swapDepths(300);
picturespot1.swapDepths(3);

picturespot0.loadmovie(image[1]);
picturespot1.loadmovie(image[2]);


}
}

---

Slider To Scroll Thumbnail Mc W/ Buttons Inside...onRollover Text Moves With Slider
I'm using a slider to scroll a movieclip made up of thumbnail images that are buttons. When I put my mouse over each button, I want it the image to change from black and white to color, and for a text description to appear in one fixed location on the main stage. Right now the image change to color is working, and the text appears as well, BUT the text scrolls as well, since it's within the scrolling movieclip. I want the text to appear static at a fixed location of: x=-947 and y=65. HELP!!!

It should look similar to: http://www.ehdd.com

Here's my code:

for my movieclip:
onClipEvent (enterFrame) {
_root.scrollMC._x = -.295*(_root.slider.b);
}

for my slider (set to scroll along "path"):
on (press) {
startDrag(this, false, 4, 270, 802,270);
}
on (release, releaseOutside) {
stopDrag ();
}
onClipEvent (enterFrame) {
a = new Object();
a.y = this._y;
a.x = this._x;
_root.path.globalToLocal (a);
b = int(a.x*2);
}

---

Slider In Reverse - Typed Text Makes Slider Move...help?
http://www.kirupa.com/developer/mx/slider.htm

Great tutorial...thanks by the way

But I was just wondering if anyone knew how you would go about doing this kinda in reverse? In that you type the percentage number in the text box and the slider moves up to that number?

Thanks in advance for your help

---

Slider Menu - Resize Slider And Change Btn Color
Hi there,

I am using code from http://www.kirupa.com/developer/mx20...ith_slider.htm. and
I found how to make slider smaller or bigger in this forum but I don't know what wrong of my buttons. The width of the slider is not same as all buttons. It looks smaller and on the right more.

Actually, I would like to make the same slider menu at <A href="http://www.grouplotus.com/grp/">http://www.grouplotus.com/grp/. Their buttons can change color even mouse out. Could you or someone else can teach me how to do that?

my flash file
http://www.halfuncorner.com/flash/btn.swf
http://www.halfuncorner.com/flash/btn.fla

many thanks,
jo

---

Fade Slider Not Image Slider HELLLP
i am trying to bulind a slider to fade btween 3 image Image 1(Past0, Image 2 (Present), Imag2 3 (Futher)
info
Image 1 is Constant as it is the base layer
Image 2 is Variable inatly set at 100% Alpher (middle LAYER)
Image 3 is Variable inatly set at 0% Alpher (top LAYER)

i want the slider to star off in the middle posing an image 2 100% and image 3 is 0% and when the slider moves left Image 2 alper will go down revlling image 1, and when the slider moves right i want Image 2 to remain a 100% and image 3 to go from 0% to 100%

can any on help

thanks blue

---

Slider Wont Work For My Menu Slider
i tried following this tut on a menu slider http://www.kirupa.com/developer/mx20...th_slider2.htm, but I cant seem to get the slider to work, whenever I test the movie the slider just slides to the left corner and than doesnt move after that. anyone know what is going on or have any advice??

i posted my swf file to show you and then the fla file if anyone actually wants to see everything.

Im kinda new to flash so I obviously dont know what is wrong. Any help would be very appreciated.

---

Slider Menu - Resize Slider And Btn Color
Hi there,

I am using code from http://www.kirupa.com/developer/mx20...ith_slider.htm. and
I found how to make slider smaller or bigger in this forum but I don't know what wrong of my buttons. The width of the slider is not same as all buttons. It looks smaller and on the right more.

Actually, I would like to make the same slider menu at <A href="http://www.grouplotus.com/grp/">http://www.grouplotus.com/grp/. Their buttons can change color even mouse out. Could you or someone else can teach me how to do that?

my flash file
http://www.halfuncorner.com/flash/btn.swf
http://www.halfuncorner.com/flash/btn.fla

many thanks,
jo

---

Volume Slider -- How Do I Center Slider?
http://www.kirupa.com/developer/mx/volume_slider.htm

Using the tutorial above, the volume slider always starts at the left end which is starting to become annoying because you always have to move it in order to listen.

How can I place it in the center? I've attempted just dragging it in the middle while editing, but the file ends up not working.

---

Slider Stop Outside Slider ( Hm...?)
hi,

please help....or give me some tips...

i work with flash mx and have a problem with my slider

i want the slider to stop when my mouse leaves the slider...

if possible also when i click on a button.

greetings

rancune


sliderproblem.fla

---

Photogallery
hy,

i fond these gallery: http://www.flashkit.com/movies/Scrip...3949/index.php

my problem is, i found no way to put more than 10pics into it. I tryed it 3 long days :-(((
now i choose to ask someone how knows it better than me :-))
sorry for my bad english, im from germany

it would be great if anyone can help me.

cheers, Quax (marcus)

---

Photogallery
hi, ive just done the tutorial for a photogallery. it doesnt seem 2 worc, im not sur what ive done wrong exactly. cant worc it out.ive attached tha fla file.could u pleaze hav a look & c ware ive gone wrong.thanx

note: mi folder "images"for the photos is in tha same dir as tha fla & also tha swf

---

How Do I Add A Photogallery?
I am doing a college project about myself.

I have decided to create web site in flash mx 2004 (click link below).

http://www.sendhere.pwp.blueyonder.co.uk

I am trying to work out how to add a photogallery. Where the square is the gallery window and displays each image (of me) when the small buttons underneath the square are clicked?

Would the window be a movieclip with all my images behind it?

Would i have to alpha in the movieclip?

Really am stuck with this project.

Hope someone can help?

Thanks in advance.

---

PHOTOGALLERY - I Want This
Anyone have a tut, advice, source, etc on how to recreate this photogallery done by 24-7media?

http://www.ankewagner.com/

Go to gallery section.

---

[F8] Help With Xml Photogallery?
hey guys, i followed the tutorial at http://www.lukamaras.com/tutorials/a...e-gallery.html
for a xml flash gallery and got it mostly working, however i did something and for some reason the comments don't show anymore! i've attached it here, i'd REALLY appreciate any help with this - its for a school project and my dumb group decided to use flash instead of html. lol, but seriously any help is appreciated.

http://www.mediafire.com/?4zxygpyl1nh

---

PhotoGallery Help
I'm relatively new to programming with flash, i can do most of the basic stuff, but i'm trying to get a little better, and rather than download other people's code I'd like to do it myself, but I have a problem.

I've done this code, which is on the first frame of the root movie....

this.createEmptyMovieClip("thumb01_mc", 1);
thumb01_mc.loadMovie("Galleries/Aysgarth Falls/Thumbs/agf01.jpg");

with (thumb01_mc) {
_x = 19.1;
_y = 102.3;
onRelease = function() {
getURL("http://www.google.co.uk", "_blank");
}
};

Now when I check it in the script debugger thing, its says there are no errors (which is good), but it doesn't do what I want it to, which is open another window and display what I want it to.

Can anyone help...please.

---

Photogallery HElp HELP HELP
Hi All,
I am in some serious need with a photogallery I am creating for a client. I have created the photogallery to load external jpgs into a loader component. The images are not large...The swf works perfect and fas when on testing on my computer- WHen it is put on the server it goes EXTREMELY SLOW!!! Here is the link to the photogallery that is working SLOWLY online: http://www.bathrestorations.com/925_draftb.htm
and here is the link to my native files: http://www.exposure-design.com/original.zip I am in DESPERATE NEED OF HELP!!!

---

XML Photogallery Help
So I'm trying to make an xml photogallery.

I made a separate AS file that I'm referencing in the time line to call up and display the xml info which is a serious of images.

on my AS file (which I've saved as "GALLERYscript.as) i have:


Code:
package {

import flash.display.Sprite;
import flash.display.SimpleButton;
import flash.display.MovieClip;
import flash.display.Loader;
import flash.events.Event;
import flash.net.URLLoader;
import flash.net.URLRequest;

public class Main extends Sprite
{
protected var _data:XML;
protected var _images:Array;

public function Main():void
{
init();
}

protected function init():void
{
var urlLoader:URLLoader = new URLLoader();
urlLoader.addEventListener(Event.COMPLETE, dataLoaded, false, 0, true);
urlLoader.load(new URLRequest("images.xml"));
}

protected function dataLoaded(e:Event):void
{
_data = new XML(e.currentTarget.data);
_images = new Array(_data.photo.length());

build();
}

protected function build():void
{
previous_btn.addEventListener(MouseEvent.CLICK, traverseImage, false, 0, true);
next_btn.addEventListener(MouseEvent.CLICK, traverseImage, false, 0, true);

loadImage(0);
}

protected function loadImage( index:int ):void
{
if (_images[index])
{
replaceImage(_images[index]);
return;
} else
{
var loader:Loader = new Loader();
loader.load(new URLRequest(_data.photo[index].img));
_images[index] = loader;
replaceImage(loader);
}
}

protected function replaceImage( obj:DisplayObject ):void
{
while(picture_mc.numChildren) picture_mc.removeChildAt(0);

picture_mc.addChild(obj);
}

protected function traverseImage(e:MouseEvent):void
{
var index:int = _images.indexOf(container_mc.getChildAt(0));

if (e.currentTarget == previous_btn) index--;
else if (e.currentTarget == next_btn) index++;

index %= _images.length;
if (index < 0) index = _images.length - 1;

loadImage(index);
}
}
and in my timeline i have:

Code:
import GALLERYscript;

var obj:GALLERYscript;

obj = new GALLERYscript();

obj.identify();
When I export my movie though I'm getting an error:

1120: Access of undefined property for both of the buttons that control the movement through the images and the movie clip that holds the images.

Any help would go along way...i'm quite the flash newb.

---

Xml Photogallery
Hi, I'm using the tutorial at Kirupa to build an xml based photogallery.

http://www.kirupa.com/developer/mx20..._slideshow.htm

Everything is working great but i'm not so good at actionscript code, and i want to slow down the transition between my images and keep it smooth. Can someone please tell me which bit of the code i need to change to do this, if it's even possible?

---

XML Photogallery Help
I have a photogallery with thumbnails that works just dandy and all, but I want to add a next and previous button on it. How would I go about doing this? Here is my code so far:
Code:
myPhoto = new XML();
myPhoto.ignoreWhite = true;
myPhoto.onLoad = function(success) {
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_image", 0);
this.thumbLoader.loadMovie(this.picHolder.attributes.thmb);
this.thumbHolder.title = this.picHolder.attributes.title;
this.thumbHolder.main = this.picHolder.attributes.main;
this.thumbHolder.onRelease = function() {
loader.loadMovie(this.main);
title_txt.text = this.title;
saveBtn.onRelease = function() {
trace(_global.nextImg);
//getURL(title_txt.text, "_blank");
};
};
}
};
myPhoto.load("xmlphoto.xml");

---

Xml Photogallery
Hi
I have an xml photogallery, but there is some problem. When I test the movie ( ctrl+Enter) it shows some kind of error in the output window, and when I publish the movie it does not show the photogallery atall. I think I must be wrong in some places. Can anyone have some time to fix it. Please help me.



Regards
trnghosh

---

Photogallery
Hello

All Great, Great Flashers,


First of all thank all of you who visited this post.
I made one horizontal photo gallery with kirupa’s great photo gallery tutorials. You can view this here

http://www.flashybee.com/gallery/gal_01.html

It works fine except the preloader does not show at the very beginning. This is the only problem now.

Now I want to make it scrollable all time horizontally (non stop, only it will stop at the time of hover, and the left button and the right button should used only to change the direction from left to right or right to left (on click) and a caption below each of the thumbnail and a black border around the thumbnail at the time of hover (mouse over).
Additionally can it be possible to make one shadow for each thumbnail at the time of hover state what I mean to say that if I hover number one thumbnail a caption will show below the number one thumbnail and a shadow of number one thumbnail will occur below that particular thumbnail.


Due to size concern I uploaded all the files here, kindly download from here and please help me to solve this problem as after several attempts I could not do it .

Link to download all files from here:- Kindly download from here.

http://www.flashybee.com/help.rar

http://www.flashybee.com/help.rar


Please help me as this is the first place from where I learnt everything so far( if I learn anything).
Kindly help me.

Once again thanks to all of you.

Regards
trnghosh

NO ONE IS HERE WHO CAN COMPLETE MY CODE TO MAKE IT WORKABLE AS PER MY REQUIREMENTS. PLEASE DO SOMETHING FOR ME.

trnghosh

THEN DO I THINK IT CANNOT BE POSSIBLE. I ALREADY GAVE THE LINK TO DOWNLOAD ALL THE FILES . TILL NO ANSWER. PLEASE COME FORWARD AND HELP ME. DO SOMETHING.

trnghosh

THEN DO I THINK THAT NO ONE IS WHERE WHO CAN SOLVE THIS PROBLEM ?

PLEASE COME FORWARD AND HELP IN DOING THIS . KINDLY HELP ME.

trnghosh


KINDLY ANSWER ME AS I AM REALLY IN TROUBLE IN MAKING THIS. PLEASE COME FORWARD AND DO THIS. FOR GREAT FLASHERS LIKE YOU ITS A MATTER OF HALF AN HOUR SIR. PLEASE............

I COULD NOT UNDERSTAND WHY WE POST HERE SEVERAL TIMES WITHOUT GETTING ANY RESPONSE FROM THIS FORUM. IS IT TIME WASTING WHO VIEW THIS POST.GOD KNOWS.

---

Help Me With Xml Photogallery
Hi, I used the Photo Gallery Using XML and Flash tutorial to begin creating a photo album. This is my first time using XML and I have been using Flash for some time but I am by no means an actionscript expert and I'm wanting to expand on what was in the tutorial but have run into some questions. If anyone is able to offer any input or suggestions I would be entirely grateful!!!


I need the jpg to be loaded by xml

It would be really helpful if it used different smaller pictures as thumbs.

1. XML
Load big .JPG with XML list
2. Groups
3. Thumbnails
automatically use big .JPG location and name preceeded by "th_" (th_mom.jpg)
4. Groups/Folders
Different groups or folders (family, friends, parties, etc)


The XML content should have this type of info
(I know it probably wouldn't be formatted this way)

GROUP1=FAMILY
PIC1= albums/mom.jpg
PIC2= albums/dad.jpg
PIC3= albums/sis.jpg

GROUP2=FRIENDS
PIC1= albums/jen.jpg
PIC2= albums/nina.jpg
PIC3= albums/brooke.jpg

Hopefully all this is not too much to ask for help

---

Xml Photogallery - My Get Url Does Not Get
Hi, I was wondering if someone out there could help me out with what might be a tiny problem... maybe.

I'd like my btn in flash to link to a URL. So i added it and then added to the actionscript the onrelease function for the button. I did a trace to see if it's targetting the link in the xml, and it is but it won't load the URL inside the xml. Please oh please... anyone?

Here is my xml:

<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<images>
<pic>
<image2>http://sumolab.co.uk/ymt_yorkvenues/images/shire.jpg</image2>
<link>http://www.grahamhowe.net</link>
</pic>
</images>

The actionscript:

delay = 3000;
//-----------------------
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image1 = [];
total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {
image1 = xmlNode.childNodes.childNodes[0].firstChild.nodeValue;
link = xmlNode.firstChild.firstChild.childNodes[1].nodeValue;
//trace (xmlNode.firstChild.childNodes[1].firstChild.nodeValue);
evening_btn.onRelease = function(){
getURL(link[0]);

}
}

I'd be very grateful if anyone could send some advise my way.

Thanks in advance

---

Photogallery
Hi!
Anyone who can give me a nice way to do a photogallery? I want some categories... and then maybe thumbnails..
The I wonder If anyone knows a good place to upload pictures? I need quite much space and I dont wanna pay

I would be very greatfull for help. Thank u!

---

Photogallery
I try the tutorials on creating a photo gallery, its nice and I have only one question, about it, that it is possible to automate the pictures in a matter of time interval without using the forward and back button?Thanks in advanced.More power to all of you there.

---

New Photogallery
hey guys, im making a new photogallery for some of my work. you can see the current site at
www.creativejuggernauts.com/daniel

in any case, im wondering if you think i need a preloader for all those photos and if so, what would the code look like to preload external jpgs? i know that question was asked before but all the threads i looked through seemed kind of esoteric. any help is appreciated.

---

XML Photogallery
Hi I've just tried to ammend the photogallery tutorial using XML on Kirupa...

http://www.arkstudios.co.uk/eurostar/test.swf

I have uploaded a test file above... the first 3 images.. i have changed the link in the xml document to my own... but they are not loading in..

heres the changes i have made to the xml document....

<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<images>
<pic>
<image>http://www.arkstudios.co.uk/eurostar/jewellery/earrings/1.jpg</image>
<caption>Earring1</caption>
</pic>
<pic>
<image>http://www.arkstudios.co.uk/eurostar/jewellery/earrings/2.jpg</image>
<caption>Earring2</caption>
</pic>
<pic>
<image>http://www.arkstudios.co.uk/eurostar/jewellery/earrings/3.jpg</image>
<caption>Earring3</caption>
</pic>
<pic>
<image>http://www.kirupa.com/developer/mx2004/pg/stata_lobby.jpg</image>
<caption>Stata Lobby</caption>
</pic>
<pic>
<image>http://www.kirupa.com/developer/mx2004/pg/construction.jpg</image>
<caption>Construction</caption>
</pic>
<pic>
<image>http://www.kirupa.com/developer/mx2004/pg/dome.jpg</image>
<caption>The Dome</caption>
</pic>
<pic>
<image>http://www.kirupa.com/developer/mx2004/pg/structure.jpg</image>
<caption>Structure</caption>
</pic>
</images>

---

Help With The Xml Photogallery
Hi all,

What I want to do is to have the photogallery displaying both portrait and landscape images. This offcourse works now, but I also want both formats to be centered in the image area. At the moment the images have a reference point in the top left corner...
Hope you understand and can help me out.

I've also been looking at the slideshow from http://whatdoiknow.org/archives/001629.shtml

I want to do the same thing with this one...

Hope someone can hep me out. I don't know much AS

---

XML Photogallery Tut Q?
Hi,
i've used scenes to load the various XML files to as i had 3 galleries.
but if i was to place a function on a button that loaded the next xml file in the directory and the next thereafter and also go back to the previous xml file - how would i do this?


cheers.

---

Photogallery AS
Alright so you'll have to download this .fla to make any sense of this.

This seems to be a fairly basic photo gallery.

I have thumbnails, when you click one, the thumbnail enlarges by motion tween.

When you click another I want the enlarged to move back to its original place and size, while the newly clicked thumbnail to replace it.

Simple enough?

yet I can't figure out how to actionscript the pictures to play the motion back by actionscript when I click a different thumbnail.

Here is the .fla

www.shough.net/source/photogallery.fla

Thank you so much for your time. Hopefully this makes sense?

I am trying to make something similar to this.
http://www.templatemonster.com/flash...ates/8433.html

---

XML Photogallery With Pop-up
I want to add a 'zoom' button, aside from the next and back buttons in the photo gallery. The zoom button would open up a pop-up window. I know how to make a pop-up window w/ flash and javascript but I don't know how to integrate it with xml or in the flash photogallery which loads the images dynamically.

Is this possible? I've been searching the net but I still can't find a solution.


Pls help

---

XML Photogallery Help
Hello! I completed the XML Photo Gallery tutorial, and I'm having a little trouble.

The "next" button works, but the "previous" is not functioning. Any help would be greatly appreciated.

See it at: www.sumomedia.com/thegarden/galapagos.htm

I attached the file.

Thanks!

---

Photogallery
I've seen the photogallerys in the tutorial section. But I need one where it's not just 1 picture you see at a time, but several photos. And instead of a scroller underneath, it's got to be with 2 buttons in the same side where you can navigate back and fourth between the photos - does this make any sense. hope you can help me out
-thx

---

Help Me With Xml Photogallery
I want to display 600 photos in a flash gallery.

The user must be ble to add photos easily.

They will preload load in sets of 12 thumbnails,

clicking on a thumbnail will result in the larger photo loading.

I would like to be able to arrange the photos by date, location and type of shot.

I think I can create a photo class in actionscript with,

photo_url
date
location
Type

And maybe then link to some file containing this information to extract the date for each photograph to display via a flash interface.

But what is the best way to do this. It feels like a problem for XML and flash objects, however I know nothing about XML and would like ur advice as to whether i can solve the problem using these tools.

If I can solve this, are there any good tutorials on how to do this,

---

Xml Photogallery
Hi,

I want to use the xml photogallery of this site for my own site. Everything works, but I've got 2 questions.
- How can I automatically allign the pictures in the center of the grey box.
- How can I automatically resize the pictures to standard width and hight?

It's about this tutorial: http://www.kirupa.com/developer/mx20...otogallery.htm

Thnx!

---

Xml Photogallery
hi,

i have just read through the tutorial on xml photogallery and am just wondering what sort of difference it makes to have numbered buttons as opposed to next/previous buttons. What sort of code would be applied to each button to target a specific image??

---

PhotoGallery - Help Please
I'm building a photogallery base on this tutorial http://www.kirupa.com/developer/mx2004/thumbnails.htm

I'm trying to add a play button, so the gallery would play the pictures onRelease of the button at interval of 3s.

It's not working. my code is:

playBTN.onPress = function() {

this._alpha = 50;

setInterval(this, "nextImage", 3000, 1);


}

Of course I'll add a pause button as well. Can anyone help please?

Thanks

---

Yet Another Xml Photogallery.
hello all, I having major issues with this. any help is really appreciated.



I put a Xml Photogallery in an external swf, and Im trying to load into the main swf. The gallery has thumbnails that are clickable that enlarge. The problem is that the thumbnails show up but Im getting zilch for the enlarged image.



Can anyone help me out? thanks in advance!



kjafin

---

Photogallery Help
Hello Kirupa ppl!

I'm breaking my head over this one problem. When I click on a picture in the thumbnailscroller it should show the right category for the project. However, there seems to be a little bug in it. This way the project pictures (the 11 little ones) don't change properly according to the picture clicked in the scroller.
The debug variable always shows 12 or 13, which depends of the number of images there are in the XML file. http://users.telenet.be/ene/test => Click the yellow bar

Any help or suggestions are very appreciated!

Vic


Code:
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = function(loaded) {
if (loaded) {
tlistener = new Object();
thumbnail_mc._alpha = 0;
total = this.firstChild.childNodes.length;
for (i=0; i<total; i++)
{
pic_holder = this.firstChild.childNodes[i];
thumbnail_holder = thumbnail_mc.createEmptyMovieClip("t"+i, thumbnail_mc.getNextHighestDepth());
thumbnail_mc._x = 50;
thumbnail_holder._xscale = 16;
thumbnail_holder._yscale = 16;
thumbnail_holder._x = i * 110;
thumbnail_loader = thumbnail_holder.createEmptyMovieClip("thumbnail_image", 0);
image_mcl = new MovieClipLoader();
image_mcl.addListener(tlistener);
image_mcl.loadClip(pic_holder.attributes.main, "thumbnail_mc.t"+i);
tlistener.onLoadInit = function(target_mc) {
target_mc._x = hit_left._x+(target_mc._width+5)*k;
target_mc.pictureValue = k;
target_mc.onRelease = function() {
p = this.pictureValue-1;
num = i;
debug.text = num;
myPhoto.load("fotogallerij/" + page + "/" + "cat" + num + ".xml");
xmlData.load("fotogallerij/interieur/interieur.xml");
};
target_mc.onRollOver = function() {
this._alpha = 50;
thumbNailScroller();
};
target_mc.onRollOut = function() {
this._alpha = 100;
};
};
}
}
else
{
content = "file not loaded!";
}
}
xmlData.load("fotogallerij/interieur/interieur.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 || thumbnail_mc._alpha<100 || thumbnails._alpha<100) {
picture._alpha += 10;
thumbnail_mc._alpha += 10;
thumbnails._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 picture_num() {
current_pos = p+1;
pos_txt.text = current_pos+" / "+total;
}
function thumbNailScroller() {
this.createEmptyMovieClip("tscroller", 1000);
scroll_speed = 30;
tscroller.onEnterFrame = function() {
if ((_root._ymouse>=thumbnail_mc._y) && (_root._ymouse<=thumbnail_mc._y+thumbnail_mc._height)) {
if ((_root._xmouse>=(hit_right._x+300)) && (thumbnail_mc.hitTest(hit_right))) {
thumbnail_mc._x -= scroll_speed;
} else if ((_root._xmouse<=(hit_left._x+500)) && (thumbnail_mc.hitTest(hit_left))) {
thumbnail_mc._x += scroll_speed;
}
} else {
delete tscroller.onEnterFrame;
}
};
}

---

Photogallery Run By It Self
Hi,

I just used the http://www.kirupa.com/developer/mx/photogallery.htm

but i dont' want to use the back and forward buttons , but i want the gallary to run by it self, anyone an idea what i have to change in the code?




//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 = "animation/";
// fill this array with your pics
this.pArray = ["image0.jpg", "image1.jpg", "image2.jpg", "image3.jpg", "image4.jpg", "image5.jpg", "image6.jpg", "image7.jpg", "image8.jpg", "image9.jpg"];
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);

---

Photogallery
I'm looking for a tutorial on how to make a gallery like the one on www.fiscusphoto.com (images).
Is there somebody who has a tutorial or knows how to do this?

---

Xml Photogallery
it seems that i can't make xml photoggallery from the tutorial to
work inside of my .fla...
any suggestions?
thanx

---

Photogallery
Hej Hej!

I tried out the photogallery tutorial but i can't make it so that i can controle the position of the pictures. Does someone please explain me how i can controle that?

Thanx

---

Photogallery Help
Hi,

I created a photogallery a while back, and now that I've been collecting a few pictures, I need some help. If you look at the gallery at http://www.kramerklaymation.bravehos...togallery.html , you might notice that there are getting to be too many thumbnails. So I need someone to help me make a button or something to scroll to another page of thumbnails. My flash skills aren't that great to start with and I'm a bit rusty from not using it much lately. If you are willing to help, just post here, and I'll get back to you to send you the fla file.

---

XML Photogallery HELP
Hi,
I just built and XML using the thumbnail scroller XML tutorial. I mergered this with a border resize. My problem is that the first image takes a long time to load from the XML. I had this problem before and I don't remember how I resolved this. You can see an example of this at www.byronmedina.com If you delete files on your internet browser the first image will take forever to load. However, once it loads this problem goes away. The code for all three books are the same. I think it could have to do with the XML.

Here's the flash code:
stop();

border.resize(50, 50);
//preload bar set invisible
bar._visible = 0;
// space of border around image
space = 22;

// sets initial picture value to 0
picture._alpha = 0;

// fade In and out function
import mx.transitions.Tween;
import mx.transitions.easing.*;
function fadeMovieClip(startAt:Number, endAt:Number):Void {
var myTween:Tween = new Tween(picture, "_alpha", mx.transitions.easing.None.easeNone, startAt, endAt, .5, true);
}
// load XML
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
thumbnails = [];
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;
thumbnails[i] = xmlNode.childNodes[i].childNodes[2].firstChild.nodeValue;
thumbnails_fn(i);
}
firstImage();
} else {
content = "file not loaded!";
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("images2.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;
MovieClip.prototype.loadPhoto = function(photo){
this.loadMovie(photo);
_level0.onEnterFrame = function(){
var t = picture.getBytesTotal(), l = picture.getBytesLoaded();
bar._visible = 1;
per = Math.round((l/t)*100);
if (t == l && picture._width>0 && picture._height>0) {
var w = picture._width + space;
var h = picture._height + space;
border.resize(w, h);
bar._visible = 0;
delete this.onEnterFrame;
} else {
bar._width = per;

}
}
};
MovieClip.prototype.resize = function(w, h){
//the higher the slower the resize of the border
var speed = 3;
this.onEnterFrame = function(){
fadeMovieClip(0, 100);
this._width += (w - this._width)/speed;
this._height += (h - this._height)/speed;
if( Math.abs(this._width-w)<1 && Math.abs(this._height-h)<1){
this._width = w;
this._height = h;
picture._x = this._x - this._width/2 + space/2;
picture._y = this._y - this._height/2 + space/2;
delete this.onEnterFrame;
}
}
};

function nextImage() {
if (p<(total-1)) {
p++;
if (loaded == filesize) {
picture._alpha=0;
picture.loadPhoto(image[p]);
desc_txt.text = description[p];
picture_num();
}
}
}

function prevImage() {
if (p>0) {
picture._alpha=0;
p--;
picture.loadPhoto(image[p]);
desc_txt.text = description[p];
picture_num();
}
}
function firstImage() {
if (loaded == filesize) {
picture._alpha=0;
picture.loadPhoto(image[p]);
desc_txt.text = description[0];
picture_num();
}
}
function picture_num() {
current_pos = p+1;
pos_txt.text = current_pos+" / "+total;
}
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<=(hit_left._x+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+(target_mc._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(thumbnails[k], "thumbnail_mc.t"+k);
}


And here is the XML code:

<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<images>
<pic>
<image>image02/01.jpg</image>
<caption></caption>
<thumbnail02>thumb02/01.jpg</thumbnail02>
</pic>
<pic>
<image>image02/02.jpg</image>
<caption></caption>
<thumbnail02>thumb02/02.jpg</thumbnail02>
</pic>
<pic>
<image>image02/03.jpg</image>
<caption></caption>
<thumbnail02>thumb02/03.jpg</thumbnail02>
</pic>
<pic>
<image>image02/04.jpg</image>
<caption></caption>
<thumbnail02>thumb02/04.jpg</thumbnail02>
</pic>
<pic>
<image>image02/05.jpg</image>
<caption></caption>
<thumbnail02>thumb02/05.jpg</thumbnail02>
</pic>
<pic>
<image>image02/06.jpg</image>
<caption></caption>
<thumbnail02>thumb02/06.jpg</thumbnail02>
</pic>
<pic>
<image>image02/07.jpg</image>
<caption></caption>
<thumbnail02>thumb02/07.jpg</thumbnail02>
</pic>
<pic>
<image>image02/08.jpg</image>
<caption></caption>
<thumbnail02>thumb02/08.jpg</thumbnail02>
</pic>
<pic>
<image>image02/09.jpg</image>
<caption></caption>
<thumbnail02>thumb02/09.jpg</thumbnail02>
</pic>
<pic>
<image>image02/10.jpg</image>
<caption></caption>
<thumbnail02>thumb02/10.jpg</thumbnail02>
</pic>
<pic>
<image>image02/11.jpg</image>
<caption></caption>
<thumbnail02>thumb02/11.jpg</thumbnail02>
</pic>
<pic>
<image>image02/12.jpg</image>
<caption></caption>
<thumbnail02>thumb02/12.jpg</thumbnail02>
</pic>
<pic>
<image>image02/13.jpg</image>
<caption></caption>
<thumbnail02>thumb02/13.jpg</thumbnail02>
</pic>
<pic>
<image>image02/14.jpg</image>
<caption></caption>
<thumbnail02>thumb02/14.jpg</thumbnail02>
</pic>
<pic>
<image>image02/15.jpg</image>
<caption></caption>
<thumbnail02>thumb02/15.jpg</thumbnail02>
</pic>
<pic>
<image>image02/16.jpg</image>
<caption></caption>
<thumbnail02>thumb02/16.jpg</thumbnail02>
</pic>
<pic>
<image>image02/17.jpg</image>
<caption></caption>
<thumbnail02>thumb02/17.jpg</thumbnail02>
</pic>
<pic>
<image>image02/18.jpg</image>
<caption></caption>
<thumbnail02>thumb02/18.jpg</thumbnail02>
</pic>
</images>

Please help!

---

XML PhotoGallery Help Please
Here i am Going to develope my portfolio as dynamicly. I had 12 category , when i click the category 1 ( ex : Flower) the images displayed with controling Prv,Next buttons .
a example site..
http://www.templatemonster.com/flash...tes/11915.html

i am trying to do all images load dynamicly .

( or ) if i purchased that template and gave to you . any one can give the code for xml .

this is what i did in flash
http://www.esnips.com/doc/1579ef5e-e...0d/Image_Loded

---

Photogallery: Get Big Pic To Have Url?
I am trying to get the scrolling photogallery to have a url that when they click on a big picture it will take them to another page. Any advice is greatly appreciated, I'm really struggling on this.

So far, I can create the link but when I click on it ALL the urls come up.
On the link movie clip, I've assigned:
(symbol on layer in Scene 1)onClipEvent (enterFrame) {
this.onRelease = function() {
getURL(this._parent.link, "_self");

}

}
Here's the Scene 1 actionscript:
function loadXML(loaded) {

if (loaded) {

xmlNode = this.firstChild;
image = [];
description = [];
link = [];
thumbnails = [];
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;
link[i] = xmlNode.childNodes[i].childNodes[2].firstChild.nodeValue;
thumbnails[i] = xmlNode.childNodes[i].childNodes[3].firstChild.nodeValue;
thumbnails_fn(i);

}
firstImage();

} else {

content = "file not loaded!";

}

}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("retail.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);
picture.loadMovie = link[p];
desc_txt.text = description[p];
picture_num();

}

}

}
function prevImage() {

if (p>0) {

p--;
picture._alpha = 0;
picture.loadMovie(image[p], 1);
picture.loadMovie = link[p];
desc_txt.text = description[p];
picture_num();

}

}
function firstImage() {

if (loaded == filesize) {

picture._alpha = 0;
picture.loadMovie(image[0], 1);
picture.loadMovie = link[p];
desc_txt.text = description[0];
picture_num();

}

}
function picture_num() {

current_pos = p+1;
pos_txt.text = current_pos+" / "+total;

}
function thumbNailScroller() {

// thumbnail code!
this.createEmptyMovieClip("tscroller", 1000);
scroll_speed = 10;
tscroller.onEnterFrame = function() {
if ((_root._xmouse>=thumbnail_mc._x) && (_root._xmouse<=thumbnail_mc._x+thumbnail_mc._widt h)) {
if ((_root._ymouse>=(hit_right._y-40)) && (thumbnail_mc.hitTest(hit_right))) {
thumbnail_mc._y -= scroll_speed;
} else if ((_root._ymouse<=(hit_left._y+40)) && (thumbnail_mc.hitTest(hit_left))) {
thumbnail_mc._y += 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._y =(target_mc._height+5)*k;
//trace(target_mc._width+" "+target_mc._parent._rotation)
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(thumbnails[k], "thumbnail_mc.t"+k);
}

---

Xml Photogallery From MX
just wondering if the xml photogallery from the MX and MX2004 turtorial will work with flash 8.

---