Flash :: Thumbnail Gallery Image Select

Image Gallery - Select Specific Picture
Hey,

first of all thanks to Kirupa !
I used the script from section "Flash MX" - Tutorial "Create a Photo Gallery".

I love it, cause it´s simple, easy to use and for my targets perfect. But - i have one question... to navigate there are two buttons. One "next", other "previous" - if you click "next" the it will rise [+1] and on previous [-1].

This is clear for me and i have a (little) idea, how it works and function. But i´m a beginner. So my question: is it possible to create a button, which call a specific number ?

I have pictures from 1-76 and i need some buttons to call special pictures.
ex. 34 or 56,.... How can i make this button ?

My AS-Skills are really, really bad. My idea in my little head was, that i need a button, which change the actual .rootphoto to "0" and then "+34" or "+56".
So i can jump there, and then navigate as usual (next, previous). Cause if i make a button only with

Code:
on (release) {
_root.changePhoto(34);
}
he makes 0+34 (is ok) but also +34 when i at picture 31 (=65)...

I hope anybody understand my strange text and problem.... hope, somebody can help... greetings from austria ! Reloop

PS edit: i have seen now the "new" gallery with XML in Flash MX 2004 - this script will also perfect for my site - but there is the same problem ! I need only a few buutons to jump (or "call") also to specific numbers.....

Select Specific Image In Photo Gallery
How can I change the sbeener photo gallery (or any other) to jump to a specific image? I will have a separate button for each image in the gallery. I know very little about actionScript. Any help would be greatly appreciated.

Thanks,
Joshua

Actionscript Image Gallery > Updating Thumbnail And Main Image
Hi all,

I'm helping a friend produce a small Flash website. For some artwork/photos.

Basically a strip of thumbnail images at the bottom, clicking a thumbnail will load the (fullsize) image above.

Currently ten thumbnails scroll across.

**The problem**

.. is he wants to be able to drop a thumbnail image and the corresponding fullsize image into a folder on the server. The Movie should then display the latest additions. I can produce a simple slideshow where extra images are loaded at run-time (MX introduced this). But am trying to figure out how to update both the thumbnail strip and the main image.

Any help/pointers greatly appreciated.

Robert

Thumbnail Image Gallery MX
Hey guys, can anyone point me in the direction of a nice, simple tutorial for an image gallery? My needs are simple...

I need:
- Thumbnails at the bottom
- images to fade in/out
- load external images

There is a sample in the MX folder (comes with MX) which would have been ace, but only uses two buttons (a back and a forward) I'm not too clued up on how to change the code to make more buttons etc.

Any help appreciated.

Cheers, Ron

Thumbnail Image Gallery Swapimage Help.
I'm trying to make a thumbnail image gallery where a mouseover will display a large image of the mouseover in a separate area... also I want that image to remain 'sticky' on a mouseout of the thumbnail, so it can be clicked on to get a url...

I put some code in the third image from the left that I thought would work, ... got the cool horizontal scroller from gotoandlearn.com

Calvin.

(.fla attatched)

[F8] Image Gallery Thumbnail Conumdrum
Hi,

I am creating a photo-gallery that is XML driven. I have it almost entirely working but have a few snags that I am not sure how to fix.

In my gallery, I have a previous and next button and also thumbnail blocks that the user can click on to take them to any picture in the gallery.

My problem is that I don't know how to keep track of where in the array the user is when they click on the thumbnail and then either the next or the previous button. Now, I can click on the thumbnail of the 4th image and when I hit the next button, it should take me to the 5th but it doesn't, it takes me to the 2nd etc.

I know that I can manually add the information into the XML file as a hard-coded index and every line in the XML file will have a number that increments by one but I am sure that there's a way to do it using actionScript.

Here's the code:

Code:
var galleryXML = new XML();
galleryXML.ignoreWhite = true;
galleryXML.load("gallery.xml");
var currentIndex:Number = 0;
var data:XML;
galleryXML.onLoad = function(success) {
if (success) {
total = galleryXML.firstChild.firstChild.childNodes.length;
var galleryXML:Array = galleryXML.firstChild.firstChild.childNodes;
trace("xmlLoaded");
data = this.firstChild;
total_txt.text = total;
image_holder1_mc.loadMovie("images/"+galleryXML[currentIndex].attributes.filename1);
image_holder2_mc.loadMovie("images/"+galleryXML[currentIndex].attributes.filename2);
caption1 = galleryXML[currentIndex].attributes.caption1;
caption2 = galleryXML[currentIndex].attributes.caption2;
template = galleryXML[currentIndex].attributes.template;
caption1_txt.text = galleryXML[currentIndex].attributes.caption1;
caption2_txt.text = galleryXML[currentIndex].attributes.caption2;
template_txt.text = galleryXML[currentIndex].attributes.template;
_root.caption1_txt._visible = false;
_root.MouseOverFade_mc._visible = false;
template2();
setUpViews();
}
};
listen = new Object();
listen.onKeyDown = function() {
if (Key.getCode() == Key.LEFT) {
prevImage();
} else if (Key.getCode() == Key.RIGHT) {
nextImage();
}
};
function template2() {
if (template_txt.text == 2) {
_root.Template2._visible = false;
} else {
_root.Template2._visible = true;
}
}
Key.addListener(listen);
previous_btn.onRelease = function() {
prevImage();
};
next_btn.onRelease = function() {
nextImage();
};
function nextImage() {
if (currentIndex<(total-1)) {
currentIndex++;
var currentNode = galleryXML.firstChild.firstChild.childNodes[currentIndex];
trace(currentNode);
current_pos = currentIndex+1;
image_holder1_mc.loadMovie("images/"+currentNode.attributes.filename1);
image_holder2_mc.loadMovie("images/"+currentNode.attributes.filename2);
caption1_txt.text = currentNode.attributes.caption1;
caption2_txt.text = currentNode.attributes.caption2;
template_txt.text = currentNode.attributes.template;
next_imageNumber();
template2();
currentIndex_txt.text = current_pos;
}
}
function prevImage() {
if (currentIndex>0) {
currentIndex--;
var currentNode = galleryXML.firstChild.firstChild.childNodes[currentIndex];
trace(currentNode);
image_holder1_mc.loadMovie("images/"+currentNode.attributes.filename1);
image_holder2_mc.loadMovie("images/"+currentNode.attributes.filename2);
caption1_txt.text = currentNode.attributes.caption1;
caption2_txt.text = currentNode.attributes.caption2;
template_txt.text = currentNode.attributes.template;
currentIndex_txt.text = currentIndex+1;
//current_pos = currentIndex+1;
previous_imageNumber();
template2();
}
}
function next_imageNumber() {
current_pos = currentIndex+1;
nextImageOfX.text = current_pos+" / "+total;

}
function previous_imageNumber() {
current_pos = currentIndex+1;
nextImageOfX.text = current_pos+" / "+total;

}

//here's where I create the thumbnail blocks and the links to the images and captions
function setUpViews():Void {
for (var i:Number = 0; i<total; ++i) {
var item = thumbnailHolder.attachMovie("genericThumb", "genericThumb"+total, thumbnailHolder.getNextHighestDepth());
var ref = this;
var currentNode = galleryXML.firstChild.firstChild.childNodes[i];
trace(currentNode);
item.image1 = "images/"+currentNode.attributes.filename1;
item.image2 = "images/"+currentNode.attributes.filename2;
item.template = currentNode.attributes.template;
item.caption1 = currentNode.attributes.caption1;
item.caption2 = currentNode.attributes.caption2;
item.currentThumb = "currentThumb";
item.onRelease = function() {
ref.image_holder1_mc.loadMovie(this.image1);
ref.image_holder2_mc.loadMovie(this.image2);
ref.genericThumb.loadMovie(this.currentThumb);
caption1_txt.text = (this.caption1);
caption2_txt.text = (this.caption2);
template_txt.text = (this.template);
currentIndex_txt.text = currentIndex;
template2();
};
item._x = (item._width+5)*currentIndex;
currentIndex++;
trace("hi im "+item);
}
}
stop();

Also, how do I make the generic grey thumbnail that the user is currently viewing have another appearance so it indicates which one they are viewing? Right now, all the thumbnails are grey and you can't tell which one you are on. I know that it should be located in the following block of code (I have tried ref.genericThumb.loadMovie(this.currentThumb); and it didn't work):

Code:
item.onRelease = function() {
ref.image_holder1_mc.loadMovie(this.image1);
ref.image_holder2_mc.loadMovie(this.image2);
ref.genericThumb.loadMovie(this.currentThumb);
caption1_txt.text = (this.caption1);
caption2_txt.text = (this.caption2);
template_txt.text = (this.template);
currentIndex_txt.text = currentIndex;
template2();
};

Thank you anyone and everyone that can help.....
Brent

Thumbnail Trouble, Image Gallery, Xml.
Hi, I'm making an image gallery and are having some issues with the thumbnails.

What I want is to be able to have thumbnails with the same height but different width.

Attached the fla.

Image Gallery Thumbnail Actionscript Help
Hi,

Iâ€™m building an image gallery using thumbnails, which each have an up and over state movieclip, to trigger loading the main image. I want the relevant thumbnail to remain highlighted or in the over state whilst the image is viewed and until the next image loads. As this is quite a common technique is there an actionscript available?

This is my first project of this type so please keep in mind.

Thanks

Xml/thumbnail Image Gallery Problem
i'm using a modified version of the xml thumbnail tutorial on this site and am having a weird problem. sometime on some machines the thumbnails are desplayed in reverse order but when the page is refreshed they're dispalyed in the correct order. on other machines they load in in the correct order fine. anyone have any ideas why this would happen? the image names are loaded into an array

in the onload of the xml the thumb images are put into an array:

for (z=0; z<videototal; z++) {
thumbnails[z] = xmlNode.childNodes[z].childNodes[0].firstChild.nodeValue;

moviefile[z] = xmlNode.childNodes[z].childNodes[1].firstChild.nodeValue;
}

then later they are are looped through:

for (e=0; e<videototal; e++) {
//variables for grid spacing
thumbnails_fn(e);
}

and this is the function that loads in the images from the array. here is where i think the problem is. i'm not so clear on the MovieClipLoader class but is it possibel the tlistener.onLoadInit is getting called out of order for some reason?:

function thumbnails_fn(k) {
//thumbnail_mc._alpha = 0;
thumbnail_mc.createEmptyMovieClip("t"+k, thumbnail_mc.getNextHighestDepth());
tlistener = new Object();
tlistener.onLoadInit = function(target_mc) {
_root.clipcount = (_root.clipcount)+1;
trace(_root.clipcount);
if ((_root.clipcount>0) && (_root.clipcount<4)) {
target_mc._x = ((_root.slot)*77)+(_root.xstart);
_root.slot = (_root.slot)+1;
target_mc._y = 0;
if (_root.okfornewpage == 1) {
_root.pagecount = _root.pagecount+1;
_root.okfornewpage = 0;
nextvideo_btn._visible = true;
}
}
if ((_root.clipcount>3) && (_root.clipcount<7)) {
target_mc._x = ((_root.slot)*77)+(_root.xstart);
_root.slot = (_root.slot)+1;
target_mc._y = 92;
}
if ((_root.clipcount>6) && (_root.clipcount<10)) {
target_mc._x = ((_root.slot)*77)+(_root.xstart);
_root.slot = (_root.slot)+1;
target_mc._y = 184;
}
if (_root.slot == 3) {
_root.slot = 0;
}
if (_root.clipcount == 9) {
_root.xstart = _root.xstart+240;
_root.clipcount = 0;
_root.okfornewpage = 1;
//make it so page count goes up in other section
}
target_mc.linkValue = k;
target_mc.onRelease = function() {
p_link = this.linkValue;
tweenThumbAlpha();
//setLinks();
nextvideo_btn._visible = false;
backvideo_btn._visible = false;
};
target_mc.onRollOver = function() {
this._alpha = 50;
};
target_mc.onRollOut = function() {
this._alpha = 100;
};
};
image_mcl = new MovieClipLoader();
image_mcl.addListener(tlistener);
image_mcl.loadClip(thumbnails[k], "thumbnail_mc.t"+k);
}

Thumbnail + Larger Image Gallery
Hey yall I am trying to use an image_mc to load both the larger image and the thumbnails.

This all pulls from XML and works fine and dandy however to decrease storage space on server I only want to use one parameter of jpgs for the gallery and not save two sizes one for thumbnail and one for larger.

Is there a way to manipulate the image_mc which is being used by large photo with an identfier of picture, and then again for thumbnails as thumbnail_mc? I have tried to set the width and height of thumbnail_mc using:

Code:
thumbnail_mc.width = 90;
thumbnail_mc.height = 60;
However it is stilll loading the image as if it were loading it into the main picture_mc. Thus my scoller is of huge thumbnails. Any ideas?

Image Gallery Thumbnail Problem
First off, let me thank this site and its member's for the wealth of knowledge that has been provided to new-b's. I really wish I found this site a year ago.

I am making a photo gallery with images on the left and thumbnails on the right. I have 2 questions.

1. When I load thumbnails to the stage, I would like it to stop after 20 pictures and have a link to 20 more to help organize the data. I have it set up now where it starts the process, but it does not break after 20.

2. I would like to use a combo box to select the photo gallery you would like to go into. Once you select that, it would load the thumbnails and the first picture of the gallery.

I have attached what I have done so far in the hope that someone can help me out. Please Help

http://208.56.92.239/image_gallery.zip

Thanks Guys

Thumbnail Image Gallery Driving Me Mad, PLEASE HELP
Hi there, I really need some help here, I have'nt used flash for a while and I'm trying to make a photo portfolio site, clicking on the thumbnails to open larger images above, the images are contained within the same movie so they can all be loaded together at the start of the movie, I am trying to get the thumbnails to open each image along the timeline using on release goto and play frame XXXX. this worked to start with until i clicked on the same thumbnail twice and it jumped to the next image??? and every time I added another thumbnail and image the image opened but on a second click it opened the next image again. I deleted a coupl of thumbnails to start again but now every time I click on a thumbnail the movie skips straight past the first image and loops back to the start of the movie, even though there is a stop action on each image.
I have been working on this now for 6 hours straight and I am close to sending the computer out the window, I know the answer i probably obvious but I can't see it. BTW I don't want to load images from externanal folders as I don't want them to load individually.

Photo Gallery With Thumbnail Image Buttons
Hey there. I'm using Flash MX, and I want to make a photo gallery so that when you click on the thumbnail image, the same image appears enlarged in a frame (a GIF picture frame). Right now, there are 11 images, but I want them each to appear in the same frame, and obviously, the previous one should go away when a new one is clicked. Can anyone tell me how to do this? (I've been trying to search the boards, but I keep getting a "page cannot be displayed" error.)

Thanks in advance,
Summarah

Image Gallery Thumbnail Grid Tutorial
Hi All,

I apologize in advance for not posting an ActionScript 2.0 specific question; however, does anyone know of a good tutorial (or AS code) that shows how to create an XML-driven image gallery thumbnail grid without using any components?

I have a very tight deadline so any help would be greatly appreciated!

Thanks.

Simple Xml Image Gallery - Thumbnail Rollovers
Here's my code: http://flash.pastebin.com/d21602c21

I've been relentlessly trying to get this to work and am happy with it so far.

Right now it works. It loads the thumbnails along with a full size image and then lets you click on the various thumbnails to display the full size image that goes with it.

I'd like to add rollover and active states to the thumbnails. I think I need to isolate the thumbnails from the full size images because I'd like to add ROLL_OVER and ROLL_OUT states to them without effecting the full size images..

I'm thinking I may need to rework a bit of the code. Anyways, it would really help me out to receive some direction.

Flash 8 Image/Thumbnail Gallery Problem
Howdy,

I'm currently constructing an image gallery interface that incorporates a maximum of 20 thumbnails for each menu category. All images are extracted from an XML file.

Basically all is working the way intended, however, there's a problem with the thumbnail section.

When the user clicks on the category in the menu, clickable thumbnails (movie clips) load in a 4x5 grid formation, together with the first large image. When you rollover the thumbnails, the alpha changes, and upon rollout they return to the up state. Also, when a thumbnail is clicked, it too changes shade until another thumbnail is clicked. THIS is all working fine!

It's when I decide that I ALSO want the first thumbnail to be shaded upon loading (to correspond with the large image), that things go wrong. With my current code, everything works as before, except that the first thumbnail keeps this shade throughout - so its rollover become twice as dark, and it's initial shading isn't removed by clicking other thumbnail buttons.

If anyone has any suggestions, I'd appreciate them. Here's the relevant sections of code...

function loadThumbnail() {
currentThumbnail = thumbsDisplayer.attachMovie("thumbnail holder", "thumbnail"+(tracker+1), thumbsDisplayer.getNextHighestDepth());
target = currentThumbnail.thumbImage_mc;
if ((tracker%4) == 0 && tracker != 0) {
currentRow += 1;
}
if (currentColumn>2) {
currentColumn = 0;
} else if (tracker == 0) {
currentColumn = 0;
} else {
currentColumn += 1;
}
currentThumbnail._x = currentColumn*thumbMarginX;
currentThumbnail._y = currentRow*thumbMarginY;
currentThumbnail.percent_txt._visible = true;
thumbNumber = currentThumbnail._name.substr(9);
thumbPath = "gallery/"+whichGallery+"/thumbs/"+thumbNumber+".jpg";
whatIsLoading = "thumb";
if (thumbNumber == 1) {
// create a variable to track the currently selected button
var activethumb:MovieClip;
currentThumbnail.attachMovie("Darken_mc","Darken_m c",this.getNextHighestDepth());
activethumb = this;
}

loader.loadClip(thumbPath, target);

}

function loadAutoBigImage() {
removeMovieClip(displayBigImage);
displayBigImage = imagesHolder.attachMovie("big image holder", "bigImage_mc", imagesHolder.getNextHighestDepth());
target = displayBigImage.imageHolder_mc;
bigImagePath = "gallery/"+whichGallery+"/"+1+".jpg";
whatIsLoading = "big";
loader.loadClip(bigImagePath, target);
}

function thumbClickable():Void {
currentThumbnail.onPress = function() {
if (this != activethumb) {
activethumb.Darken_mc.removeMovieClip();
this.Darken_mc.removeMovieClip();
this.attachMovie("Darken_mc","Darken_mc",this.getN extHighestDepth());
activethumb = this;
removeMovieClip(displayBigImage);
descText.text = galleryIntros[clickedGallery];
bigNumber = this._name.substr(9);
displayBigImage = imagesHolder.attachMovie("big image holder", "bigImage_mc", imagesHolder.getNextHighestDepth());
target = displayBigImage.imageHolder_mc;
bigImagePath = "gallery/"+whichGallery+"/"+bigNumber+".jpg";
whatIsLoading = "big";

loader.loadClip(bigImagePath, target);
if (clickedGallery>0) {
var descPosition:Number = 0;
for (i=0; i<clickedGallery; i++) {
descPosition += imagesInGallery[i];
}
descPosition = descPosition+Number(bigNumber)-1;
imageDesc = descriptions[descPosition];
} else {
imageDesc = descriptions[Number(bigNumber)-1];
}
descText.text = imageDesc;

}
};

currentThumbnail.onRollOver = function() {
if (this != activethumb) {
this.attachMovie("Darken_mc","Darken_mc",this.getN extHighestDepth());
}
}
currentThumbnail.onRollOut = function() {
if (this != activethumb) {
this.Darken_mc.removeMovieClip();
}
}

};

Image Gallery / Thumbnail Scroller AND SetInterval Help?
Hi All,

I'm trying to combine a couple different dynamic image galleries. I've got a thumbnail scroller but I'd like it to rotate 8 every eight seconds until a thumbnail is clicked.

I'm clueless here. I could probably come up with a jacked up workaround if this wasn't dynamic, but it is.

Can anyone offer some help? THANKS!

Code:

import mx.transitions.Tween;
import mx.transitions.easing.*;

myPhoto = new XML();
myPhoto.ignoreWhite = true;
myPhoto.onLoad = function(success) {
numimages = this.firstChild.childNodes.length;
spacing = 61;
for (i=0; i<numimages; i++) {

this.picHolder = this.firstChild.childNodes[i];
this.thumbHolder = thumbnails.createEmptyMovieClip("thumbnail"+i, i);
this.thumbHolder._y = 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.paragraph = this.picHolder.attributes.paragraph;
this.thumbHolder.link_one = this.picHolder.attributes.link_one;
this.thumbHolder.link_one_name = this.picHolder.attributes.link_one_name;
this.thumbHolder.main_image = this.picHolder.attributes.main_image;
this.thumbHolder._alpha = 50;

//TEXT FORMAT******************************
myformat1 = new TextFormat();
myformat1.underline = true;
myformat1.bullet = false;
myformat1.size = 11;
myformat1.bold = true;
myformat1.font = "Times New Roman";
myformat1.url = this.picHolder.attributes.link_one;
//END TEXT FORMATS*************************

//INITIAL VARIABLE*************************
var picHolder:XMLNode = this.firstChild.childNodes[0];
mainimages.loadMovie(picHolder.attributes.main_image);
paragraph_txt.text = picHolder.attributes.paragraph;
link1_txt.html = true;
link1_txt.text = picHolder.attributes.link_one_name;
title_txt.text = picHolder.attributes.title;
link1_txt.setTextFormat(myformat1);

//END INITIAL VARIABLES********************

this.thumbHolder.onRollOver = function() {
var rollOver1:Tween = new Tween(this, "_alpha", None.easeOut, 50, 100, .2, true);
};

this.thumbHolder.onRelease = function() {
mainimages.loadMovie(this.main_image);
paragraph_txt.text = this.paragraph;
link1_txt.html = true;
link1_txt.target = "_blank";
link1_txt.text = this.link_one_name;
title_txt.text = this.title;
link1_txt.setTextFormat(myformat1);
};

this.thumbHolder.onRollOut = function() {
var rollOver1:Tween = new Tween(this, "_alpha", None.easeOut, 100, 50, .2, true);
};

}
};

myPhoto.load("gallery2.xml");
createMask();
scrolling();

function createMask() {
mask_mc._x = 410;
mask_mc._y = 1;
thumbnails.setMask(mask_mc);
}

function scrolling() {
_root.onEnterFrame = function() {
thumbnails._y += Math.cos(((mask_mc._ymouse)/mask_mc._height)*Math.PI)*20;
if (thumbnails._y>mask_mc._y) {
thumbnails._y = mask_mc._y;
}
if (thumbnails._y<(mask_mc._y-(thumbnails._height-mask_mc._height))) {
thumbnails._y = mask_mc._y-(thumbnails._height-mask_mc._height);
}
};

AS3 - Simple Xml Image Gallery - Thumbnail Rollovers
Here's my code: http://flash.pastebin.com/d21602c21

I've been relentlessly trying to get this to work and am happy with it so far.

Right now it works. It loads the thumbnails along with a full size image and then lets you click on the various thumbnails to display the full size image that goes with it.

I'd like to add rollover and active states to the thumbnails. I think I need to isolate the thumbnails from the full size images because I'd like to add ROLL_OVER and ROLL_OUT states to them without effecting the full size images..

I'm thinking I may need to rework a bit of the code. Anyways, it would really help me out to receive some direction.

Flash Image Gallery Thumbnail Scroll Sometimes Works...
this is probably an easy fix but i am at odds... I built my gallery and import it a parent page (foo)... Sometimes the scroll of thumbnail scroll works... it is choppy.... Sometimes does not work at all.... When i view the movie outside of foo - it works beautifully... Any ideas how to troubleshoot this - i took it word for word from the tutorial...

Thanks!

Image Gallery Thumbnail OnRelease Array Or XML Loading Problem
I'm using Flash CS3, but this project began in 8 and uses AS 1 and 2, so I figured this was the more appropriate section.

So I have a basic photo album for prototyping that is populated by values from an XML file. There are 9 maximum thumbnails (3 x 3) in each album. This all works.

Upon onRelease of each thumbnail a pop up larger-view movie clip appears to display the respective larger image. The viewer movie clip appears fine and in the correct position. The problem is the larger image does not get loaded into the holder clip within the viewer. Output is telling me that the value that I'm pulling from the XML file is undefined.

Both the thumbs and the larger images are using the same XML file and the same array. All of the pertinent code is within a class. All the correct files are in the folder they should be in. It is not a file not found error. Typos have been accounted for. The code for populating the thumbs is almost identical to the code for the larger image. It's just that one works, and the other doesn't.

Code:
class Photos extends MovieClip {
//
public var a:Number;
public var i:Number;
//
public function Photos() {
//load in XML
_root.photoXML = new XML();
_root.photoXML.ignoreWhite = true;
_root.photoXML.load("xmlData/photos.xml");
_root.photoXML.onLoad = function(success){
if(success) {
this.XmlConnect();
}
}
}
public function goPhotos() {
//
//First build arrays:
_root.photosArray = new Array();
_root.totalPhotos = _root.photoXML.childNodes[0].childNodes.length;
// fill arrays ::
for (a=0; a<_root.totalPhotos; a++) {
if(_root.photoXML.childNodes[0].childNodes[a].attributes.blockNum == _root.blockNum and _root.photoXML.childNodes[0].childNodes[a].attributes.locNum == _root.locNum+1) {
_root.photosArray.push({photoName:_root.photoXML.c hildNodes[0].childNodes[a].attributes.title, photoFile:_root.photoXML.childNodes[0].childNodes[a].attributes.filename});
}
}
trace("photosArray length = "+_root.photosArray.length);
//
for(a=0;a<10;a++) {
_root.detail.photoSec.photosHolder["img"+a].img._alpha = 0;
_root.detail.photoSec.photosHolder["img"+a].img._visible = false;
}
//
for(a=0;a<_root.photosArray.length;a++) {
_root.detail.photoSec.photosHolder["img"+a].img.loadMovie("images/sm_"+_root.photosArray[a].photoFile+".jpg",a);
_root.detail.photoSec.photosHolder["img"+a].img._visible = true;
_root.detail.photoSec.photosHolder["img"+a].img._alpha = 100;
}
//
//
//
_root.detail.audioSec.vLoader.vHolder.unloadMovie( );
_root.detail.audioSec.audioControlsHolder.vStat.gr abBar._x = 0;
_root.detail.audioSec.vLoader.gotoAndStop(1);
//
//
//
}
public function hidePhotos() {
for(i=0;i<_root.photosArray.length;i++) {
_root.detail.photoSec.photosHolder["img"+i].enabled = false;
}
}
public function showPhotos() {
for(i=0;i<_root.photosArray.length;i++) {
_root.detail.photoSec.photosHolder["img"+i].enabled = true;
}
}
public function launchLargePhotoViewer(photoNum) {
/*_root.detail.photoSec.photosHolder["img"+_root.locNum].onRelease=function():Void {
_root.detail.largeViewerHolder.removeMovieClip();
_root.detail.createEmptyMovieClip("largeViewerHolder", _root.detail.getNextHighestDepth());
_root.detail.largeViewerHolder.attachMovie("largeViewer", "largeViewer"+i, _root.detail.largeViewerHolder.getNextHighestDepth (), {_x: 251.1, _y:-27.9});
_root.detail.largeViewerHolder["largeViewer"+i].createEmptyMovieClip("img", _root.detail.largeViewerHolder["largeViewer"+i].getNextHighestDepth());
_root.detail.largeViewerHolder["largeViewer"+i].img.loadMovie("images/md_"+_root.photosArray[i].photoFile+".jpg", i);
_root.detail.largeViewerHolder["largeViewer"+i].img._x = _root.detail.largeViewerHolder["largeViewer"+i]._x + (_root.detail.largeViewerHolder._width - _root.detail.largeViewerHolder["largeViewer"+i].pic._width)*.5;
_root.detail.largeViewerHolder["largeViewer"+i].img._y = _root.detail.largeViewerHolder["largeViewer"+i]._y + (_root.detail.largeViewerHolder._height - _root.detail.largeViewerHolder["largeViewer"+i].pic._height)*.5;
}*/
for (i=0;i<_root.photosArray.length;i++) {
_root.detail.photoSec.photosHolder["img"+i].onRelease=function():Void {
_root.detail.largeViewerHolder.removeMovieClip();
_root.detail.createEmptyMovieClip("largeViewerHolder", _root.detail.getNextHighestDepth());
_root.detail.largeViewerHolder.attachMovie("largeViewer", "largeViewer"+i, _root.detail.largeViewerHolder.getNextHighestDepth (), {_x: 251.1, _y:-27.9});
_root.detail.largeViewerHolder["largeViewer"+i].createEmptyMovieClip("img", _root.detail.largeViewerHolder["largeViewer"+i].getNextHighestDepth());
_root.detail.largeViewerHolder["largeViewer"+i].img.loadMovie("images/md_"+_root.photoXML.childNodes[0].childNodes[i].attributes.filename+".jpg", i);
_root.detail.largeViewerHolder["largeViewer"+i].img._x = _root.detail.largeViewerHolder["largeViewer"+i]._x + (_root.detail.largeViewerHolder._width - _root.detail.largeViewerHolder["largeViewer"+i].pic._width)*.5;
_root.detail.largeViewerHolder["largeViewer"+i].img._y = _root.detail.largeViewerHolder["largeViewer"+i]._y + (_root.detail.largeViewerHolder._height - _root.detail.largeViewerHolder["largeViewer"+i].pic._height)*.5;
}
}
}
}
I appreciate any insight into this conundrum.

ETA: photoFile is the culprit of 'undefined'

Trying To Make The XML Gallery Resize The Main Image But Keep The Thumbnail Scroller
I've looked at the resize files but haven't had any success implementing them in the kirupa XML gallery with scrollable thumbnails. If anyone has any input
on how to do this I would greatly appreciate it.

Xml Thumbnail Gallery - How To Leave Thumbnail Blank?
There was a thread a few days ago on how to leave the caption or description blank. If anyone knows could you explain how to leave the thumbnail and/or url blank for some and to show for others? Where if there is no information that flash can read a field that is undefined as ""?

FLV Video Thumbnail + Thumbnail Gallery With LinkIDs From XML
Let's say for instance, our XML file:
<videos>
<video linkid="AK0001" thumb="http://www.site.com/pathtofile/filename.flv">
<link>http://www.site.com/pathtofile/filename.flv</link>
</video>
</videos>

Is it possible to use the source flv file as the thumbnail? Or, is it better to create a thumbnail of all the content?

With this said, how would I create the event handler to satisfy when each thumbnail is clicked, it stores it's linkid in the $_GET variable?

Thank You,
b0gui

Thumbnail Gallery Tutorial - Gallery Within Movieclip
I've taken the Adding Thumbnail tutorial http://www.kirupa.com/developer/mx2004/thumbnails.htm and it works perfect. However when I play the photogallery swf file within a movie clip (playing as externail swf from main timeline) and the gallery pulls up. The links work and all is good. All until I try and scroll to more thumbnail files. It's now scrolling. Scrolls fine when swf played indendently.

This couldn't have come a worse time as my finals are due in hours.

Please help if you can.

Thanks

Photo Gallery Then Select As Wallpaper
hi to all,

is there a way in flash were in i have a photo gallery then when the end user choose a picture he/she can make it as a default wallpaper on his/her desktop?

tnx!

Image Stylesheet Select Bug
Hello,

I am having a problem with an apparent bug in Flash. The problem has to do with selectable text. I have built a highlighter feature for an application, but an having problems making all of the text in my TextArea Component (AS 2.0) selectable.

There is a bug that appears when all of these are true:
1)image is mixed in with the text via <img> tag
2)html=true
3)embedFonts=true
4)stylesheet is set

The exact problem is that when the text is moused over the “T-bar” does not appear, it stays as the “white arrow” cursor. It appears that the textArea is confused about what is text and what is an image. (b/c the “T-bar” does not appear over images in TextAreas)

What is comes down to is a major problem: many portions of text in the program are unselectable (it appears on about 1100 out of the 9000 pages).

Also, if you scroll so that the image is “cut-off” i.e. 1/2 is visible in the scroll 1/2 is not, nothing is selectable at all. This poses a huge problem for my highlighter tool ... the user cannot highlight if they cannot select!

The problem only occurs on pages that have images on them.

I created a simplified version of this portion of my application. I can be viewed here:
http://www.touchwood.net/temp/imageHighlightIssue.html
or downloaded here:
http://www.touchwood.net/temp/image_select_test.zip

I have tried updating to the 7.2 version but it did not seem to help. (since then I have gone back to 7.01 for other reasons)

So, is this a bug? Is there a workaround? When might we expect a fix from MM?

thanks a ton for you help with this matter.

-mm

Thumbnail Gallery
Hi,

I'm following the manual given below here:
http://www.mr10.net/components/gallery/manual/#thesetup
which sets up a thumbnail gallery by calling an xml file.

the gallery is working fine. It's just that i want the bigger images to be clickable and should open in a pop up window. Also i want some description to be added below the bigger images.

Any AS gurus pls help!!!!!

MX - Xml Thumbnail Gallery
Hello, I hope someone can spare a little time to help me. I am building a xml photogallery which displays thumbnails which you click on to display a larger pic. The code below displays the the pics for <section name="fashion" id="1"> i need to make a button which when clicked displays the pics for <section name="advertising" id="2">

Code:
<?xml version="1.0" encoding="UTF-8"?>
<xml>
<gallery>
<section name="fashion" id="1">
<pictures>
<PICTURE NAME="1" THUMB="tn/tn_fashion_01.jpg" IMAGE="pics/fashion_1_p.jpg" TEXT="test1" />
<PICTURE NAME="2" THUMB="tn/tn_fashion_02.jpg" IMAGE="pics/fashion_2_p.jpg" TEXT="test2" />
<PICTURE NAME="3" THUMB="tn/tn_fashion_03.jpg" IMAGE="pics/fashion_3_p.jpg" TEXT="test3" />
</pictures>
</section>
<section name="advertising" id="2">
<pictures>
<PICTURE NAME="1" THUMB="tn/tn_advertising_01.jpg" IMAGE="pics/advertising_1_p.jpg" TEXT="test1" />
<PICTURE NAME="2" THUMB="tn/tn_advertising_02.jpg" IMAGE="pics/advertising_2_p.jpg" TEXT="test2" />
<PICTURE NAME="3" THUMB="tn/tn_advertising_03.jpg" IMAGE="pics/advertising_3_p.jpg" TEXT="test3" />
</pictures>
</section>
</gallery>
</xml>
and here is the AS

Code:
portfolioInfo = new XML();
portfolioInfo.ignoreWhite = true;
timeline = this;
portfolioInfo.onLoad = function() {
portfolioTag = this.firstChild.firstChild.firstChild.firstChild;
trace(count=portfolioTag.childNodes.length);
for (child=0; child<count; child++) {
currentPicture = portfolioTag.childNodes[child];
currentThumb = menu_mc.createEmptyMovieClip("thumbnail"+child, child);
currentThumb._y = child*75;
image = currentThumb.createEmptyMovieClip("thumbnail_image", 0);
image.loadMovie(currentPicture.attributes.THUMB);
currentThumb.NAME = currentPicture.attributes.NAME;
currentThumb.IMAGE = currentPicture.attributes.IMAGE;
//currentThumb.TEXT = currentPicture.attributes.TEXT;
currentThumb.onRollOver = currentThumb.onDragOver=function () { showName_txt.text = this.NAME;};
currentThumb.onRollOut = currentThumb.onDragOut=function () { showName_txt.text = "";};
currentThumb.onPress = currentThumb.onDragOver=function () { image_mc.loadMovie(this.IMAGE);info_txt.text = "Loading...";};
}
};
portfolioInfo.load("xml_slide.xml");
any help much appreciated
cheers

I Need A Thumbnail Gallery Please Help?
Ok, I know how to build gallerys (to a point) but i need one that can load the 25 x 25px thumbnail gifs from the server. And I need an area to view the larger pix to the side.

If anyone could help me asap that would be amazing!!

Thank you!

Thumbnail Gallery
Does anyone know where I could possibly find a good thumbnail gallery tutorial? I am looking for one that has a scrollable thumbnail box with a meduim size image to be viewed when u rollover the thumbnail!

Thanks,
Andy

_

[F8] Xml Thumbnail Gallery
Hi, I'm making a scrollable thumbnail gallery but I want to load the images into from an XML file. I'm having trouble setting up with emptyMovieClip's in the right position.

Code:
import mx.managers.DepthManager;

var xml:XML = new XML();
xml.ignoreWhite = true;

xml.onLoad = function() {
var numOfItems:Number = this.firstChild.childNodes[0].childNodes.length;

for (i=0; i<numOfItems; i++){
var xPosition:Number = 11+(i*80);
createEmptyMovieClip("image"+i, this.setDepthTo(i+1), {_x:xPosition, _y:4});

var thisItem:String = this.firstChild.childNodes[0].childNodes[i].attributes.image;
var nameOfItem:String = load +i;
nameOfItem:MovieClipLoader = new MovieClipLoader();
nameOfItem.loadClip(thisItem, "image"+i);

}

}

xml.load("menu.xml");
This is the code I am using. It opens up an xml file called 'menu.xml' and is supposed to add a certain amount of emptyMovieClips to the stage. Then the correct image is loaded into this movieclip.

At the moment I just get the last image from the xml doc showing up. That proves the images are loading but it's not positioned correctly. So either it is above the previously created movieclips or they have all loaded into the same one!

Can you please advise on how to correct this?

XML Thumbnail Gallery
Hi Actionscripters,

I am encountering a few uncertainties with an xml thumbnail gallery that I have adapted from a few tutorials. I have two questions about this piece of actionscript:

Code:
var thumb_spacing = 30;

// load variables object to handle loading of text
var description_lv = new LoadVars();
description_lv.onData = function(raw_text){
description_txt.text = raw_text;
}
function GeneratePortfolio(portfolio_xml){
var portfolioPictures = portfolio_xml.firstChild.childNodes;
for (var i = 0; i < portfolioPictures.length; i++){
var currentPicture = portfolioPictures[i];

var currentThumb_mc = menu_mc.createEmptyMovieClip("thumbnail_mc"+i,i);
currentThumb_mc._x = i * thumb_spacing;
currentThumb_mc._y = i * thumb_spacing;

currentThumb_mc.createEmptyMovieClip("thumb_container",0);
currentThumb_mc.thumb_container.loadMovie(currentPicture.attributes.thumb);

currentThumb_mc.title = currentPicture.attributes.title;
currentThumb_mc.image = currentPicture.attributes.image;
currentThumb_mc.description = currentPicture.attributes.description;

currentThumb_mc.onRollOver = function(){
currentThumb_mc.thumb_container._alpha = 50;
}
currentThumb_mc.onRollOut = function(){
currentThumb_mc.thumb_container._alpha = 100;
}
currentThumb_mc.onRelease = function(){
image_mc.loadPhoto(this.image);
description_lv.load(this.description);
title_lv.load(this.title);
}
}
}
Firstly, I would like to create a box of thumbnails which is 5 thumbs wide and 6 thumbs deep, my current code is generating thumbs downwards in a diagonal line from the top left of the movie clip. I understand this is because of the coordinates that I have specified in my variable are:

Code:
currentThumb_mc._x = i * thumb_spacing;
currentThumb_mc._y = i * thumb_spacing;
Q1: How do I get the thumbs to wrap from the end of one row to the beginning of the row below?

Secondly, I would like the thumbs to have an alpha value of 50% on rollover. My current script does this, but only on the last thumb - no matter which thumb the pointer is 'over'.

Q2: I am not sure how to target the dynamicly created movie clips acturately. How do I solve this problem?

Many thanks for any help on this. It is my first attempt at dynamically loading data in to flash

Thumbnail Gallery
Hi,

I want to create a thumbnail gallery with images loaded in at run-time. Can an flash actionscript be passed variables at run-time. I want the actionscript to recieve filename(s) as a variable so it knows what to display.

Xml Thumbnail Gallery Help
Hi I am building an online gallery for my artist friend, after much trouble it is working in the basic way but there are 2 refinements i would like to make. any help with either or both would be useful.

here's where i am at at the mo...http://www.bru-ha.com/roza-flash/art_7.swf

the gallery loads images text and thumbs from an XML file as you can see, at present the thumbs have very simple scripting that sets the alpha to 50% on load, on mouse over this then jumps to 100%. I would like to make this a gradual transition from 50 to 100 on mouseover and mouseout, but i cannot figure what code to use. i thought it would be a simple if statement but my programming knowledge is very basic.. any ideas anyone?

here is the actionscript:

Code:
target_mc.onRelease = function() {
p = this.pictureValue-1;
nextImage();
};
target_mc._alpha = 50;
target_mc.onRollOver = function() {
target_mc._alpha = 100;
};
target_mc.onRollOut = function() {
this._alpha = 50;
};
the other matter i would love help in is positioning the thumbnails, there will be 14 different pages like this for 14 bits of work, each having different numbers of thumbnails, is it possible in actioscript to center the thumbnails to the middle of the page instead of them being justified left?

here is the code which i think would need to be aaltered to do this.

Code:
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+10)*k;
target_mc.pictureValue = k;

Help With Thumbnail Gallery
I did a gallery tutorial and I added some extras but me being a total newbie to AS. I didn't know how to make this easier for me .

Code:
import mx.transitions.Tween;
import mx.transitions.easing.*;
// For the XML to load.
var xml:XML = new XML();
xml.ignoreWhite = true;
var urls:Array = new Array();
var captions:Array = new Array();
var whoIsOn:Number;
xml.onLoad = function() {
var photo:Array = this.firstChild.childNodes;
for (i = 0; i < photo.length; i++) {
urls.push(photo[i].attributes.url);
captions.push(photo[i].attributes.caption);
}
holder.loadMovie(urls[0]);
caption.text = captions[0];
whoIsOn = 0;
};
xml.load("image.xml");
// This is for the PANEL .
panel.onRollOver = panelOver;
function panelOver() {
this.onEnterFrame = scrollPanel;
delete this.onRollOver;
}
var b = stroke.getBounds(_root);
function scrollPanel() {
if (_xmouse < b.xMin || _xmouse > b.xMax || _ymouse < b.yMin || _ymouse > b.yMax) {
this.onRollOver = panelOver;
delete this.onEnterFrame;
}
if (panel._x >= 50) {
panel._x = 50;
}
if (panel._x <= -2529) {
panel._x = -2529;
}
var xdist = _xmouse - 400;
panel._x += Math.round(-xdist / 20);
}
prev.onRelease = function() {
if (whoIsOn > 0) {
whoIsOn--;
holder.loadMovie(urls[whoIsOn]);
caption.text = captions[whoIsOn];
}
};
next.onRelease = function() {
if (whoIsOn < urls.length - 1) {
whoIsOn++;
holder.loadMovie(urls[whoIsOn]);
caption.text = captions[whoIsOn];
}
};
I have 66+ images(movieClips) I used the code below for each movieClip.

Code:
panel.s1.onRollOver = function() {
panel.s1.swapDepths(this.getNextHighestDepth());
new Tween(panel.s1, '_xscale', Elastic.easeOut, panel.s1._xscale, 100, 1, true);
new Tween(panel.s1, '_yscale', Elastic.easeOut, panel.s1._yscale, 100, 1, true);
};
panel.s1.onRollOut = function() {
new Tween(panel.s1, '_xscale', Elastic.easeOut, panel.s1._xscale, 50, 1, true);
new Tween(panel.s1, '_yscale', Elastic.easeOut, panel.s1._yscale, 50, 1, true);
};
panel.s1.onRelease = function() {
holder.loadMovie('images/l1.jpg');
};
panel.s2.onRollOver = function() {
panel.s2.swapDepths(this.getNextHighestDepth());
new Tween(panel.s2, '_xscale', Elastic.easeOut, panel.s2._xscale, 100, 1, true);
new Tween(panel.s2, '_yscale', Elastic.easeOut, panel.s2._yscale, 100, 1, true);
};
panel.s2.onRollOut = function() {
new Tween(panel.s2, '_xscale', Elastic.easeOut, panel.s2._xscale, 50, 1, true);
new Tween(panel.s2, '_yscale', Elastic.easeOut, panel.s2._yscale, 50, 1, true);
};
panel.s2.onRelease = function() {
holder.loadMovie('images/l2.jpg');
};
my .fla can be found here.
to view what I'm working on is here.

Thumbnail Gallery Help
Hi,

Being trying to figure this out, but i'm obviously missing something ... my brain is way too worn out after a whole day of coding ...

I'm trying to dynamically create a serious of thumbnails on author time.

I know basically what I need to do, but it's not quite working. First I'd like to create a container movieclip, then attach a button i have in the library, and finally load the thumbnail image inside the button.

So far, I have this:

total = 8 // total num images to load

smallposx = 165;
smallposy = 20.95;
this.createEmptyMovieClip("large", 0);
large._x = 7;
large._y = 10.45;
large.loadMovie("../img/products/image1_l.jpg");

for (i=1; i<total+1; i++) {
this.createEmptyMovieClip("small"+i, this.getNextHighestDepth());
path = this["small"+i];
path.attachMovie("button", "button"+i, this.getNextHighestDepth());
button= this["button"+i];
path.button.thumb.loadMovie("../img/products/image+i+"_s.jpg");
path._x = smallposx;
path._y = smallposy;

_root.smallposx += 50;
}

Note: "thumb" is a mc inside the dynamically attached button instance which has an instance name of "thumb".

Anyone can suggest a solution or an optimized new approach?

Thanks a mill!

Help With Thumbnail Gallery
Hi all,

I'm a noob programmer trying to learn Flash by building my own site (www.davidfoleyjr.net). For the Pics portion of the site, I'm trying to create a loader that brings up a category-specific set of thumbnails into the loader window, which the user would then scroll over (or click, if necessary) to bring up the full sized picture. Can this be done? Any help would be greatly appreciated!

Thumbnail Gallery
Hi, I am trying to create a thumbnail gallery in Flash 9 (alpha) with AS 3.0.
I am not creating from scratch. Before i have created the same in AS2.
just migrating that to AS3.

There is a main movie for large image. (working fine)
two button [previous] and [next] for large image navigation.(working fine)
one thumbnail movie to load all thumnail images (problem)
I am not getting how to load thumbnail images in AS3?

Please Help.

Using Xml Within Thumbnail Gallery
I'm creating a portfolio of websites I have designed.
I have it working with classic ASP & XML, but want a Flash version too.

So far:

1) I have a sliding thumbnail gallery working in Flash MX (using AS2) whereby clicking on thumbnails loads in a larger view of the image. These images are screenshots of the websites.

2) I have loaded an xml file which contains locations of thumbnails & larger images, as well as URL of each website, and some text to describe each site's content. I am able to loop through the xml to retrieve the data I need for each site.

I would now like to merge the 2.
i.e. click on thumbnail to slide in the larger image, and dynamically add the URL and text descriptions for each site.

Can someone just point me in the right direction... I'll then try to fill in the blanks, and post again with more specific queries if needed.

Thanks.

Flv Thumbnail Gallery
How can i load flv's into a Flv playback component, by pressing on a regular button ( not a playlist?? )
I'm really lost on this one, cant find any help about it tin the forums

Thumbnail Gallery
anyone knows or has a good thumbnail gallery for pictures ... an cool and easy to custmize one ...

Thumbnail Gallery - Another
http://www.fmx6.com/tfile1a.html
with transition
http://www.fmx6.com/tfile1origa.html

Uses XML to split into different sections so you can put in as many rows/thumbs in each row as necessary.Change the 4 variables at the beginning of the code for the _width/_height/vertical spacing/horizontal spacing of your final gallery.
I`ve not put transition/preloader to try keep the code simple but is easy to add.
Made for someone on here asking for something like the porfolio thing here
http://www.firstbornmultimedia.com/flashLarge.htm

edit/I`ve added a transition as per pm request for sumtan - thanks to Scotty for making this so much easier with his elastic curve post
http://www.kirupa.com/forum/showthread.php?t=96402

Thumbnail Gallery Help Please
hey i am having problems getting the thumbnail slider to work in my gallery. I have followed the instructions in the tutorial but unfortunately still it doesn't work. the only thing that i changed was the position of the gallery. it is also situated in a movieclip in my swf file. can anyone help me get back on track?
heres the fla and xml files.
http://66.195.242.57/~tenroun/ali/foff/_gallery.fla
http://66.195.242.57/~tenroun/ali/foff/images.xml

XML/thumbnail Gallery Available For MX?
Does anyone know if the XML/thumbnail gallery tutorial is available for MX only?

If not, would anyone know if the AS included in the tutorial is okay for AS 1 for MX?

Thanks,
Donna

XML THUMBNAIL Gallery HELP
I NEED SOME HELP!!!

Ok, I took this gallery..... http://www.kirupa.com/developer/mx2004/thumbnails.htm
and reverse coded it to how I want it to look and function. But, there are a couple of things I couldn't figure out. If anyone can help with any of this, that would be awesome!

1. when clicking on a ring circle, i need the alpha to change and to stay to show that the ring circle has been previously clicked on. (check out thinklab.com for reference)

right now i have it set where when you rollover the alpha is 50 to show currently what ring circle your mouse is on. now all i need is if you were to click on that same ring circle, for the alpha to be at 25 (and stay that way) to show it grayed out because it has already been clicked on. this in return shows users what ring circles are left to click on if they have missed any.

2. when hitting back or next, it would be great if the alpha changed for the correct ring circle to show the user what image he/she is currently on. i'd say alpha 50 for this.

3. every image that loads is stuck to the left, anyway to make it on the right instead?

4. last one, if there's a way to make it so that when the image loads, it fades in. i know this is controlled by alpha also.

if ANYBODY could help me with the coding that would be awesome. i've included a zip file with the neccessary files. if any of this is confusing, just PM me or reply here.

XML Thumbnail Gallery
Good day,

for all of the searches ive made.. a link drop me here.. many thanks to this website.. it really helps me alot.. with tons of tutorials and samples... i am new to AS and seems like this website makes me a bit pro..

Anyways, most of i like here is the xml gallery.. i have created my own using the tutorial "Photo Gallery using XML and Flash".. ive learned a lot...but the thing is the gallery ive created is just a thumbnail no preview at the top of the thumbnail...the thumbnail ive created works fine to me..sliding left and right following the mouse direction.. in "Adding thumbnail" tutorial, when click on the image in the thumbnail it will show a large view of the image in the top portion of the movie.. what my work is, when i click on the image it supposed to link on a URL. but i dont know how to make this using XML.. and how to link the URL in XML to the thumbnail...

is it possible to put URL inside xml to a certain node...then linking that url when the button is click in the movie??

sample:

Code:
<images>
<pic>
<image>img1.swf</image>
<url>http://www.myhome.com/page1.htm</url>
</pic>
<pic>
<image>img2.swf</image>
<url>http://www.myhome.com/page2.htm</url>
</pic>
</images>
any help will be appreciated...