Image Thumbnail Slider

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);
}

---

Help With Thumbnail Slider...
So I'm still getting into Actionscript 3.0 from 2, and I'm having a bit of a tough time making sort of a thumbnail slider.

What I have done is what I need, but in AS 2.0, which you can see here

http://www.gldstudio.com/testing/jhy...collection.php

At the bottom where it has the watch brands, and you can hover over the right and left arrows to make the movieclip in the background move accordingly.

Now the galery was done with 3.0, and I'd like to make the bottom 3.0 as well.

For 2.0, I have actions on the buttons themselves. For the right arrow it is as follows:


ActionScript Code:
on (rollOver) {
    this.gotoAndPlay("over");
    this.onEnterFrame = function() {
        if (this._parent.slider._x > 176) {
            this._parent.slider._x = this._parent.slider._x-10;
        }
    };

}
on (rollOut) {
    this.gotoAndPlay("out");
    delete this.onEnterFrame;
}

Which obviously won't work with 3.0

So where I'm at right now.... I'm on the right track I think, but still having some problems.

Here is my code in 3.0
(note the 600 number is just a placement number)

ActionScript Code:
//Right Arrow Over
function rightScrollOver(event:MouseEvent):void {
    if (this.thumb_slide.x < 600){
        this.thumb_slide.x = this.thumb_slide.x-10;
    }
    this.right_scroll.gotoAndPlay("over");
}

//Right Arrow Out
function rightScrollOut(event:MouseEvent):void {
    this.right_scroll.gotoAndPlay("out");
}

//Listeners
this.right_scroll.addEventListener(MouseEvent.ROLL_OVER, rightScrollOver);
this.right_scroll.addEventListener(MouseEvent.ROLL_OUT, rightScrollOut);
//end Right Arrow

So when I hover over the right arrow to get the movieclip to scroll left, it will, but only 10px, and won't continuously scroll

So I'm not sure where to go from here....and I've searched everywhere

The other thing I would have to watch out for I'm guessing is if it starts to move to the left, when I move the mouse off, it doesn't keep moving.


So...any help or suggestions would be much appreciated!

---

Repeating Thumbnail Slider - How-To?
Im wondering if anyone can point me in the right direction for creating a thumbnail slider which repeats itself when it reaches the end, rather than just reaching the end and stopping? For example: http://www.redbull.com/#page=MediaSectionPage

I take it you would just duplicate the entire thumb container when it got close to the end? Would this not buckle up the function which is sliding the container as this is probably base on the containers width? Or would you treat each thumbnail as a seperate element and move them individually?

---

Expanding Upon This Mx2004 THUMBNAIL SLIDER?
I am a Flash MX 2004 newbie attempting to expand upon an acquired image thumbnail slider. This is the only roadblock in keeping me from developing my first all Flash site as opposed to html

It currently accepts only 6 images. I would LOVE to understand how to expand upon it indefinitely. Or, at least have a functional version for 10, and also 20 images that I can add to each page throughout the site.

*If possible... I want to make the images (when clicked), LOAD a large version of itself in the main content area of the page as well. Loading the complete website with say 100 large images would obviously be rediculous.
_________________________________________

The script DOES have adjustable parameters including scroll speed, number of images, etc. I have attempted copying the 6th image and pasting it as my 7th image to the end of the movie strip, then changing the number of images in the parameters to match. It destroys the effect every time. I've seen the talent on this board and am sure some can figure it out in their sleep

I just simply can't. Can anyone help me?

112K file can be downloaded at www.abinterfaces.com/thumbslide.fla

Thanks to all in advance as ANY help is appreciated!

-APB

---

Thumbnail/gallery Slider Problems In MAC OSX
Is it just me or is the slider for the thumbnails in the photogallery section not working at all? I'm in MAC OS X, using the latest Safari & IE... nothing works.


Thanks
N

---

Photo Gallery With Thumbnail Slider
Hi,

I've used the flash tutorial to create a photo gallery with thumbnails with XML for my website. I am creating many different swf. files for different projects. I load the separate swf files into a main file to view my different photo galleries. My only problem is when the swf's with the photo galleries are loaded into the main swf. the sliding thumbnails don't work properly, but they do work perfectly when they are tested on their own (outside the main swf.) They slide but not always and not when i put my curser where it should to work. Does anyone have a clue as to what i'm talking about?? if anyone could help I'd be happy to send a few files to show what i mean.

Thanks so much

Carman

---

Expanding Upon This Mx2004 THUMBNAIL SLIDER?
I am a Flash MX 2004 newbie attempting to expand upon an acquired image thumbnail slider. This is the only roadblock in keeping me from developing my first all Flash site as opposed to html

It currently accepts only 6 images. I would LOVE to understand how to expand upon it indefinitely. Or, at least have a functional version for 10, and also 20 images that I can add to each page throughout the site.

*If possible... I want to make the images (when clicked), LOAD a large version of itself in the main content area of the page as well. Loading the complete website with say 100 large images would obviously be rediculous.
_________________________________________

The script DOES have adjustable parameters including scroll speed, number of images, etc. I have attempted copying the 6th image and pasting it as my 7th image to the end of the movie strip, then changing the number of images in the parameters to match. It destroys the effect every time. I've seen the talent on this board and am sure some can figure it out in their sleep

I just simply can't. Can anyone help me?

112K file can be downloaded at www.abinterfaces.com/thumbslide.fla

Thanks to all in advance as ANY help is appreciated!

-APB

---

Flash Thumbnail Slider Components?
Hi

Does anyone know of a thumbnail slider component that can do both mouseover scrolling of thumbs and by clicking arrows at the same time? I am using jumpeye components thumbnail slider v1 at the moment, and it can't seem to do both...

thanks

M

---

Continuous Movement Of Scrolling Thumbnail Slider
Hi -

I'm sure this is extremely basic (I HOPE it's extremely basic) but I have a thumbnail slider that I've basically finished - the thumbnail bar, a mask over the thumbnail bar, and right/left arrows at either end of the mask - and I'm trying to get it to move left to right continuously on a rollover. I've both attached code to the buttons and to the movieclip to achieve this, but all I get is step-by-step movement in either direction. Obviously I don't know the right code. I've found a bunch of code that activates when the mouse rolls over the bar itself (and accelerates according to position), but not for arrows like I've got set up, with just one set speed. Please help! Thanks in advance.

---

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

---

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

---

Pan Image With Thumbnail
Hi i have a small fla constructed from one of the tutorials on this site.
It is a zoom and pan image fla
in which a large zoomed image is on the right and a small thumbnail is on the left.
What currently hapenns is that on using the small thumbnail u can navigate the larger image.
What i also want to do is to allow the user to drag the large image also, which i am able to do but the smaller image dosent get updated to show the current zoom area.
i have uploaded the fla here..
http://joediassucks.tripod.com/zoom_flash.zip

regards
rahul

---

Go To First Thumbnail Image
I have created a thumbnail in my photo gallery and all are working fine. thumbnails are on left side (Up-Down).
when i change category, by default thumbnail do not go to the first image.

Following is the scenario:

"Category1" button have 25 images
"Category2" button have 10 images.

Now i am on 15th image in "Category1" at that point, when i click on "Category2" command button, thumbnail loaded for "Category2" shows last few image of thumbnail. To see the first image of "Category2" i have to scroll up.

Can you please let me know what changes i have to made in this code; so it show the first thumbnail when i change category?


Following is the thumbnail code i am using.

function thumbnails_fn (k)
{
thumbnail_mc.createEmptyMovieClip ("t" + k, thumbnail_mc.getNextHighestDepth ());
tlistener = new Object ();
tlistener.onLoadInit = function (target_mc)
{
target_mc._y = hit_left._y + (eval ("thumbnail_mc.t" + k)._height + 5) * k;
target_mc.pictureValue = k;
target_mc.onRelease = function ()
{
p = this.pictureValue;
// Draw Picture
setPicture (p);
};
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);

}


function thumbNailScroller ()
{
this.createEmptyMovieClip ("tscroller", 1000);
scroll_speed = 10;
tscroller.onEnterFrame = function ()
{
if ((_root._xmouse >= thumbnail_mc._x) && (_root._xmouse <= thumbnail_mc._x + thumbnail_mc._width))
{
if ((_root._ymouse >= (hit_right._y - 40)) && (thumbnail_mc.hitTest (hit_right)))
{
thumbnail_mc._y -= scroll_speed;
}
else if ((_root._ymouse <= 100) && (thumbnail_mc.hitTest (hit_left)))
{
thumbnail_mc._y += scroll_speed;
}
}
else
{
delete tscroller.onEnterFrame;
}
};
}


Category1.onRelease = function ()
{
category_fn ("Category1");

};



function category_fn (category)
{
if (_root.levelChild.childNodes[attr].attributes.Menu == category)
{
var loader:MovieClipLoader = new MovieClipLoader ();
var myListener:Object = new Object ();
loader.addListener (myListener);
loader.loadClip (info_xml[0].attributes.thumbnail, thumbnail_mc);
myListener.onLoadInit = function (target_mc)
{
setPicture (0);
for (i = 0; i < itemTotal; i++)
{
thumbnails[i] = info_xml[i].attributes.thumbnail;
thumbnails_fn (i);
}
};
}
}

---

Image Thumbnail
Hi every one,

Is there any way or code for changing Image thumbnail of my web site?
Sorry if I posted here.
Please, If I should post some in other places for faster answer let me know.
Happy New Year.

---

Thumbnail Image Roll Over
I have a thumbnail images and I want each time I roll over them, the image will show in it's real size in another section of the movie clip.

anyone have any suggestions?

---

Thumbnail To Download Hi Res Image
Please if sombody could tell me the action i need to use to have a user click on a thumbnail image and the get a box to download a hi res of that image to their computer.

Thank You
Daniel

---

Thumbnail Load Image
Hi there!

Im trying to create a thumbnail load image feature,

where the thumnail images are stored within a buttonless scroller
which moves left and right = with the 'mouse over' feature

and when an individual imafe is clicked I want the image to be loaded.

I have found 2 tutorials on Flash Kit, but havent
had any luck implmenting the feature.

I am quite basic with actionscript and the tutorials are quite at an intermediate level so I cant really change the actionscript to what i want without crashing the entire citys network!

This project is for my final year project so i really would appreciate any suggestions or if any1 has any known tutorials of this feature i would be really grateful.

I actually used http://www.elearnage.com/elearn/ this sites tutorials which is exactky what im looking for - but i also have Flash MX 6.0 and the source documents on this site employ Flash 7.0 so have a problem of not being able to view the code to where I went wrong.

Appreciate any suggestions
Regards
Shana

---

Help With Image Zoom With Thumbnail
Hi guys,

I have been searching these forums all day but have found nothing!

I am trying to replicate the image zoomer on this website:

http://www.comet.co.uk/cometbrowse/m...17560&zoom=yes

I cannot find any tutorials that are anything like this particular image zoomer. All the tutorials on this site seem to work in different ways to this one.

I have tryed looking at the source to see how this one works but it's proving difficult for me.

Any help appreciated!

---

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

---

[CS3] Popup Image From Thumbnail?
i was hoping someone could help me find a tutorial or give me some info on creating a thumbnail viewer.

i would like to be able to place thumbnails in my flash page/movie for things such as updates. when the viewer clicks on the thumbnail it would enlarge over the entire page and you would be able to see a big version of the picture.

i want to have them throughout my site so i don't know if a gallery would work. maybe i could use XML and call it from flash. not sure

any help would be great.

thanks,
mike

---

Help With Thumbnail Image Scroller
Hi, everybody,

I will really appreciate your help with this. I have the code for an image scroller and its working fine. A test site is at www.alexojeda.com . But besides the capabilities the scroller now has on "mouse over, out and on release", I'd like the thumbnail scroller to start looping to the left side as soon as the page is loaded, with out loosing the capabilities mentioned above.

THE IMAGE THUMBNAIL CODE MODULE:

// function to move thumbnail slider ("this" = thumbs_mc)

function sliderControl() {

var w:Number = this._width/2;

var hw:Number = mask_mc._width/2;

var npixels:Number;

// only do when mouse over slider mask

if (_ymouse > mask_mc._y && _ymouse < mask_mc._y + mask_mc._height) {

// mouse over left half of slider:

if (_xmouse > mask_mc._x && _xmouse < mask_mc._x + hw) {

npixels = (hw - _xmouse) / hw * MAXPIXELS;

this._x += npixels;

if (this._x >= 0) this._x = this._x - w;

// mouse over right half of slider:

} else if (_xmouse > mask_mc._x + hw && _xmouse < mask_mc._x + mask_mc._width) {

npixels = (_xmouse - hw) / hw * MAXPIXELS;

this._x -= npixels;

if (this._x <= -w) this._x = this._x + w;

Thanks a lot!!!

---

Creating A Thumbnail Image?
Is there a way to read in an existing image and write out a smaller, jpeg version?

---

Next Set Of Thumbnail And Linking Image
Thank you to those few people that offered help but then sort of fizzled out in the help department. I know life gets busy and such so I'm hoping maybe somone else can chime in.

I'm working with a website template with galleries using Macromedia Flash MX Pro 2004. All I want to do is change text and exchange their stock photos for my own. I know... not very creative but hey... we can't all be technically inclined! I solved my dilema on adding more thumbnails to a gallery (actually the place I bought the template from solved that for me by updating the template). For the first set of thumbnails I was able to put my own photos in place simply through the library. But for the next set of thumbnails..... I don't see "where" the next image is in the library, and am unsure how to link it to the thumbnail. (this is NOT a slideshow)
I'm actually starting to confuse myself..... can anyone help?
-K

---

Upload Image, Get Thumbnail
I am trying to upload an image, then load a thumbnail back in. So far I have an uploader that posts to a PHP script, and a PHP script that resizes the image. The php script resizes the image, then stores it as X.jpg, where X is the next free id in the data base.

What I need to know is, how to I get X? Is there a way to get the server's responses, maybe as a property of the event passed to the oncomplete event? Do I have to query an XML file after my upload, and check for a race condition, and code in retries?

---

Please Help With Thumbnail Image Scroller
Hi, everybody,

I will really appreciate your help with this. I have the code for an image scroller and its working fine. A test site is at www.alexojeda.com . But I will also like to have the scroller looping to the left side as soon as the page is loaded, without loosing any of the scroller capabilities now working with the code below:

THIS IS THE SCROLLERS CODE MODULE:

// function to move thumbnail slider ("this" = thumbs_mc)

function sliderControl() {

var w:Number = this._width/2;

var hw:Number = mask_mc._width/2;

var npixels:Number;

// only do when mouse over slider mask

if (_ymouse > mask_mc._y && _ymouse < mask_mc._y + mask_mc._height) {

// mouse over left half of slider:

if (_xmouse > mask_mc._x && _xmouse < mask_mc._x + hw) {

npixels = (hw - _xmouse) / hw * MAXPIXELS;

this._x += npixels;

if (this._x >= 0) this._x = this._x - w;

// mouse over right half of slider:

} else if (_xmouse > mask_mc._x + hw && _xmouse < mask_mc._x + mask_mc._width) {

npixels = (_xmouse - hw) / hw * MAXPIXELS;

this._x -= npixels;

if (this._x <= -w) this._x = this._x + w;

Thanks a lot!!!

---

Thumbnail To FullSize Image Effect
Hello Flashers!

I want to have four images below each other on the left of the stage, these would be small thumbnails and might will include bmp's and also swf's with 3d in them.

I'd like to ActionScript a function so someone can click on the thumbnail and it opens the image to the right of the list. The effect i'd like it to have the image zoom out, into the space, from the thumbnail.

I haven't started yet - does anyone have any tips??

Thanks for your help.

SFilter

---

Clicking Thumbnail Image In External Txt
Hi everybody,

Currently I am developing a flashsite with externally loaded txt-files. In these .txt-files I included some images by using html. These images show up perfectly in the swf. What I want to do, is make these images clickable. By clicking on that image should load a flashmovie over the current movie and show a bigger version of the image with some text. Closing this overlaying movie brings one back to the original movie where the text and thumbnails are viewed.

How can I achieve this? Is this even possible?

I hope someone can help me with this. It would be great to get this to work.

Thanks in advance.

Kind regards,

Spots

---

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

---

First Thumbnail Image Display Problem.
I have created a thumbnail in my photo gallery and all are working fine. thumbnails are on left side (Up-Down).
when i change category, by default thumbnail do not go to the first image.

Following is the scenario:

"Category1" button have 25 images
"Category2" button have 10 images.

Now i am on 15th image in "Category1" at that point, when i click on "Category2" command button, thumbnail loaded for "Category2" shows last few image of thumbnail. To see the first image of "Category2" i have to scroll up.

Can you please let me know what changes i have to made in this code; so it show the first thumbnail when i change category?


Following is the thumbnail code i am using.

function thumbnails_fn (k)
{
thumbnail_mc.createEmptyMovieClip ("t" + k, thumbnail_mc.getNextHighestDepth ());
tlistener = new Object ();
tlistener.onLoadInit = function (target_mc)
{
target_mc._y = hit_left._y + (eval ("thumbnail_mc.t" + k)._height + 5) * k;
target_mc.pictureValue = k;
target_mc.onRelease = function ()
{
p = this.pictureValue;
// Draw Picture
setPicture (p);
};
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);

}


function thumbNailScroller ()
{
this.createEmptyMovieClip ("tscroller", 1000);
scroll_speed = 10;
tscroller.onEnterFrame = function ()
{
if ((_root._xmouse >= thumbnail_mc._x) && (_root._xmouse <= thumbnail_mc._x + thumbnail_mc._width))
{
if ((_root._ymouse >= (hit_right._y - 40)) && (thumbnail_mc.hitTest (hit_right)))
{
thumbnail_mc._y -= scroll_speed;
}
else if ((_root._ymouse <= 100) && (thumbnail_mc.hitTest (hit_left)))
{
thumbnail_mc._y += scroll_speed;
}
}
else
{
delete tscroller.onEnterFrame;
}
};
}


Category1.onRelease = function ()
{
category_fn ("Category1");

};



function category_fn (category)
{
if (_root.levelChild.childNodes[attr].attributes.Menu == category)
{
var loader:MovieClipLoader = new MovieClipLoader ();
var myListener:Object = new Object ();
loader.addListener (myListener);
loader.loadClip (info_xml[0].attributes.thumbnail, thumbnail_mc);
myListener.onLoadInit = function (target_mc)
{
setPicture (0);
for (i = 0; i < itemTotal; i++)
{
thumbnails[i] = info_xml[i].attributes.thumbnail;
thumbnails_fn (i);
}
};
}
}

---

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.

---

Load Thumbnail Image 1 By 1 Using For Loop?
I have seen some people worked out some photogalleries which load the images in thumbnail 1 by 1...
I'm interested to know if I could do it in a "for loop"?

my work here:
http://www.eo.com.hk/album/series_1/
all the thumbnail loaded at the same time.... I use "for loop" to load the thumbnail, is there any way to make it load the image 1 by 1, but still keeping the using "for loop"?

thanks!

---

Thumbnail To Larger Image Preview
Hello,


I am trying to create a photo gallery/portfolio. I would like to have thumbnails and when clicked a larger version of that images shows. After that I would like to rollover the larger image to show the before.
Any ideas on how to scrip this?

---

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

---

Load 30 Image, Thumbnail, N Swapdepths
Hello... i'm a flash newbie and learn AS hardly... pls help

i want to load 30 images to 30 empty mc's in same parent. my script is:

Code:
loadmovie ("komers1.jpg", "komers1");
loadmovie ("komers2.jpg", "komers2");
loadmovie ("komers3.jpg", "komers3");
// so on
loadmovie ("komers30.jpg", "komers30");
my question is:
1. how to make the script compact and more simple?
2. is it possible to rezise all imaged loaded to 20% it's original size? how to do that?
3. how to zoom in-out from thumbnail size.
after all image are loaded, i want visitor able click "komers1" mc (.. so on) and when the mc is clicked, it'll zoom to original size (100%) n go to highest level, covering others image. then zoom out back (20%) if visitor click again.

pls help me...

thx in advance

---

Image Portfolio - Thumbnail Layout
OK i'm an actionscript NOOB, and I did the tutorial thing on an XML Image portfolio!

http://www.kirupa.com/web/xml/examples/portfolio.htm

and! it works great! but! I want to put in a bunch of pictures - and I'd like them to fit in a box ---- kinda confusing

http://www.arwestudios.com/imageportfolio

-- this is the page i'm working on- notice how the last thumbnail goes off the white box- does anyone know if its possible to get the thumbnails to go down to the next line? -- and if not- if there's an easier way to accomplish the same thing.
--THANKYOU! for the help I love you

- here's my code- just in case your extra crazy

Code:
stop();

image_mc.setMask(mask_mc);

var thumb_spacing = 55;

// 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.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 = currentThumb_mc.onDragOver = function(){
info_txt.text = this.title;
}
currentThumb_mc.onRollOut = currentThumb_mc.onDragOut = function(){
info_txt.text = "";
}
currentThumb_mc.onRelease = function(){
image_mc.loadMovie(this.image);
description_lv.load(this.description);
}
}
}

// xml object for xml content (defines sources for selections)
var portfolio_xml = new XML();
portfolio_xml.ignoreWhite = true;
portfolio_xml.onLoad = function(success){
if (success) GeneratePortfolio(this);
else trace("Error loading XML file"); // no success? trace error (wont be seen on web)
}
// load
portfolio_xml.load("portfolio.xml");

---

Thumbnail Scroller With Frame For Each Image
Hi!,

I followed this example:
http://www.kirupa.com/developer/mx2004/thumbnails.htm
But what I want is that each image gets a certain frame, something like this:


Can this be done?

I tried to load in a swf file instead of a image:
image_mcl.loadClip("frame.swf?image=picture1.jpg", "thumbnail_mc.t"+k);
but that doesn't work.

The code in frame.swf to read in the 'image' variable is as follows:

Code:
_root.onLoad();
test = _root.image;
mc.loadClip(test);
Where mc is a movieclip where the picture must be positioned.

I hope someone has an idea

-Roeland

---

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);
}

---

Someone Please Help Me On A MouseOver Action(image ThumbNail)
hi my name is Ayo i tried everything possible to be able apply the mouse Hover to the image thumbnail on the Kirupa.com but all to no avail... could someone please help me to fufil this...

ACT: 1. i want it to show me the name of the title of every image i mouseOver.
2. i want it to show me numbers instead of the pictures themselves....

---

Thumbnail Gallery Image Select
I have a thumbnail gallery which only loads pictures from folder "pics" an they have to be example : pic1.jpg, thumbnails have to be th1.jpg. Where do I change the name of "loading folder" and possibility to change names of pictures and thumbnails ?

Code:

var tnNr;
spacing = 10;
container._alpha = 0;
var curLength;
MovieClip.prototype.loadPic = function(pic, id) {
info.text = "";
this._alpha = 0;
this.loadMovie(pic);
temp = this._parent.createEmptyMovieClip("temp2", 998);
temp.onEnterFrame = function() {
var t = container.getBytesTotal(), l = container.getBytesLoaded();
if (Math.round(l/t) == 1 && container._width != 0 && container._height != 0) {
var w = container._width+spacing, h = container._height+spacing;
border.resizeMe(w, h, id);
delete this.onEnterFrame;
}
};
};
MovieClip.prototype.resizeMe = function(w, h, id) {
var speed = 3;
container._alpha = 0;
this.onEnterFrame = function() {
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;
container._x = this._x-this._width/2+spacing/2;
container._y = this._y-this._height/2+spacing/2;
info._y = Math.round(this._y+this._height/2+spacing/2);
container._alpha += 5;
if (container._alpha>90) {
info.text = id;
container._alpha = 100;
delete this.onEnterFrame;
}
}
};
};
function galleryChoice(q) {
pArray = new Array();
tArray = new Array();
iArray = new Array();
my_xml = new XML();
for (var j = 0; j<curLength; j++) {
this.th_nav["thmb"+j].removeMovieClip();
}
my_xml.ignoreWhite = true;
my_xml.onLoad = function(loaded) {
if (loaded) {
gallery = this.firstChild.childNodes[q];
curLength = gallery.childNodes.length;
for (var i = 0; i<gallery.childNodes.length; i++) {
pArray.push(gallery.childNodes[i].attributes.source);
tArray.push(gallery.childNodes[i].attributes.thumb);
iArray.push(gallery.childNodes[i].attributes.title);
}
}
delay = setInterval(makeButtons, 50);
};
my_xml.load("gallery.xml");
}
function makeButtons() {
tnNr = 0;
clearInterval(delay);
for (var i = 0; i<tArray.length; i++) {
var thb = th_nav.thmb.duplicateMovieClip("thmb"+i, 1000+i);
thb.id = i;
thb._x = i%3*50;
thb._y = Math.floor(i/3)*50;
}
loadButtons();
}
function loadButtons() {
var tbox = th_nav["thmb"+tnNr].box;
tbox.loadMovie(tArray[tnNr]);
temp = this.createEmptyMovieClip("tmp"+tnNr, 999);
temp.onEnterFrame = function() {
bt = tbox.getBytesTotal();
bl = tbox.getBytesLoaded();
if (bt == bl && bt>4) {
nextButton();
delete this.onEnterFrame;
}
};
}
function nextButton() {
if (tnNr<tArray.length-1) {
tnNr++;
loadButtons();
} else {
activateButtons();
}
}
function activateButtons() {
mainButtons();
for (var i = 0; i<pArray.length; i++) {
var but = th_nav["thmb"+i];
but.id = i;
but.onRelease = function() {
container.loadPic(pArray[this.id], iArray[this.id]);
disButtons2(this.id);
};
}
container.loadPic(pArray[0], iArray[0]);
disButtons2(0);
}
butArray = new Array();
butArray = ["gal1_btn", "gal2_btn", "gal3_btn", "gal4_btn"];
function mainButtons() {
for (var i = 0; i<butArray.length; i++) {
this[butArray[i]].id = i;
this[butArray[i]].onRelease = function() {
galleryChoice(this.id);
disButtons(this.id);
};
}
}
function disButtons2(d) {
for (var i = 0; i<tArray.length; i++) {
if (i != d) {
this.th_nav["thmb"+i].enabled = 1;
this.th_nav["thmb"+i].box._alpha = 100;
} else {
this.th_nav["thmb"+i].enabled = 0;
this.th_nav["thmb"+i].box._alpha = 50;
}
}
}
function disButtons(d) {
for (var i = 0; i<butArray.length; i++) {
if (i != d) {
this[butArray[i]].enabled = 1;
this[butArray[i]].gotoAndStop(1);
} else {
this[butArray[i]].enabled = 0;
this[butArray[i]].gotoAndStop(2);
}
}
}
disButtons(0);
galleryChoice(0);

---

Image Grid For Thumbnail(s) Display
Hello,
Yes, it's been awhile. I'm currently working on a web page design where I would like to have a vertical grid for thumbnail images [10 per category or per page] (left of page), When an image is selected, it's displayed in the assigned "Display Area" (right side of page). This is a Image Gallery type assignment, NO SCROLLING necessary. Any flash transition effects would be a plus to enhance the design interaction. Any tutorials that I can view and learn from? Any guidance in this area would be appreciated. I'm still with Flash MX....

...IfOnlyiNu
Thanx

---

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?

---

Xml Thumbnail To Full Size Image
Hi everyone, I'm new to flash and actionscript and have been having a problem. I will try to explain the best I can.

I'm tring to have it when you click on a thumbnail, it loads a larger image over the scene.
Here is an example, since I'm sure that my desc. is awlful. link My scrolling thumbnails are based off of the tutorial on kirupa.com.

Here is my site. and action script. (architecture is only one that has any images on it currently for testing)


Code:

cliparray = [];
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
thumbnails = [];
image = [];
total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {
thumbnails[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
image[i] = xmlNode.childNodes[i].childNodes[1].firstChild.nodeValue;
thumbnails_fn(i);
}
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("images.xml");

// The scaleButton function takes 2 parameters. The name of
// the thumb thats being rolled over/out and the size to scale
// the thumb up or down by.
function scaleButton(btn:MovieClip, s:Number)
{
// We test this on every frame
btn.onEnterFrame = function()
{
// If the scale is at 95...
if(btn._xscale < s)
{
// then scale the thumb back up to 100(onRollOut)
btn._xscale += 1;
btn._yscale += 1;
}

// Otherwise, if the thumb is at 100...
else if(btn._xscale > s)
{
// scale the thumb down to 90(onRollver)
btn._xscale -= 1;
btn._yscale -= 1;
}
}
};

function thumbNailScroller() {
this.createEmptyMovieClip("tscroller", 1000);
scroll_speed = 9;
var tot = 0;

tscroller.onEnterFrame = function() {
if ((_root._ymouse>=thumbnail_mc._y) && (_root._ymouse<=thumbnail_mc._y+thumbnail_mc._height)) {
if (_root._xmouse>=(hit_right._x-40)){
for (var obj in cliparray) {
cliparray[obj]._x -= scroll_speed;
}
if (cliparray[0]._x<-cliparray[0]._width) {
cliparray[0]._x = cliparray[cliparray.length-1]._x+cliparray[cliparray.length-1]._width+15;
var j = cliparray.splice(0, 1);
cliparray = cliparray.concat(j);
}
} else if (_root._xmouse<=(hit_left._x+40)) {
for (var obj in cliparray) {
cliparray[obj]._x += scroll_speed;
}
if (cliparray[cliparray.length-1]._x>hit_right._x) {
cliparray[cliparray.length-1]._x = cliparray[0]._x-(cliparray[cliparray.length-1]._width+15);
var j = cliparray.splice(cliparray.length-1, 1);
cliparray = j.concat(cliparray);
}
}
}
}
};

function thumbnails_fn(k) {
// Makes the filter available to use in the Movie.
import flash.filters.DropShadowFilter;
// Creates a variable with info about the Filter settings
// Distance, Angle, Color, Alpha, Blur X, Blur Y, Strength, Quality, Inner, Knock Out, Hide
var myDropShadowFilter = new DropShadowFilter (4,45,0x000000,.5,5,10,2,15,false,false,false);
// Applies the filter to the object named myObject
thumbnail_mc.filters = [myDropShadowFilter];

var yy = thumbnail_mc.createEmptyMovieClip("t"+k, thumbnail_mc.getNextHighestDepth());
cliparray.push(yy);
tlistener = new Object();
tlistener.onLoadInit = function(target_mc) {
target_mc._x = 15+(target_mc._width+15)*k;
target_mc.pictureValue = k;
tot += target_mc._x;

target_mc.onRollOver = function() {
this._alpha = 70;
thumbNailScroller();
scaleButton(this, 95);
};
target_mc.onRollOut = function() {
this._alpha = 100;
scaleButton(this, 100);
};
};
image_mcl = new MovieClipLoader();
image_mcl.addListener(tlistener);
image_mcl.loadClip(thumbnails[k], "thumbnail_mc.t"+k);
}
Any advice and help with be greatly appreciated. I have been all over google with no luck.

---

Load 30 Image, Thumbnail, N Swapdepths
Hello... i'm a flash newbie and learn AS hardly... pls help

i want to load 30 images to 30 empty mc's in same parent. my script is:

Code:
loadmovie ("komers1.jpg", "komers1");
loadmovie ("komers2.jpg", "komers2");
loadmovie ("komers3.jpg", "komers3");
// so on
loadmovie ("komers30.jpg", "komers30");
my question is:
1. how to make the script compact and more simple?
2. is it possible to rezise all imaged loaded to 20% it's original size? how to do that?
3. how to zoom in-out from thumbnail size.
after all image are loaded, i want visitor able click "komers1" mc (.. so on) and when the mc is clicked, it'll zoom to original size (100%) n go to highest level, covering others image. then zoom out back (20%) if visitor click again.

pls help me...

thx in advance

---

Image Portfolio - Thumbnail Layout
OK i'm an actionscript NOOB, and I did the tutorial thing on an XML Image portfolio!

http://www.kirupa.com/web/xml/examples/portfolio.htm

and! it works great! but! I want to put in a bunch of pictures - and I'd like them to fit in a box ---- kinda confusing

http://www.arwestudios.com/imageportfolio

-- this is the page i'm working on- notice how the last thumbnail goes off the white box- does anyone know if its possible to get the thumbnails to go down to the next line? -- and if not- if there's an easier way to accomplish the same thing.
--THANKYOU! for the help I love you

- here's my code- just in case your extra crazy

Code:
stop();

image_mc.setMask(mask_mc);

var thumb_spacing = 55;

// 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.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 = currentThumb_mc.onDragOver = function(){
info_txt.text = this.title;
}
currentThumb_mc.onRollOut = currentThumb_mc.onDragOut = function(){
info_txt.text = "";
}
currentThumb_mc.onRelease = function(){
image_mc.loadMovie(this.image);
description_lv.load(this.description);
}
}
}

// xml object for xml content (defines sources for selections)
var portfolio_xml = new XML();
portfolio_xml.ignoreWhite = true;
portfolio_xml.onLoad = function(success){
if (success) GeneratePortfolio(this);
else trace("Error loading XML file"); // no success? trace error (wont be seen on web)
}
// load
portfolio_xml.load("portfolio.xml");

---

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

---

Image Script - Enlarge Thumbnail
Here's the scenario I need a simple movie that will allow visitors to the website to click on a thumbnail image which will them dim the rest of the site and pop up a full screen enlargement of the photo. I'd prefer it to do done so that you can just click on a cross in the corner of the enlargement rather than simply linking through to the image and having to go back on the browser.

Thanks in advance,

Jake.

---

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.

---

More Problems Displaying Thumbnail Image Sheets
I'm having some problems dynamically displaying external JPG's as a thumbnail sheet. I can place each image from a directory just fine using createEmptyMovieClip's, but I have to input each one individually.

What I need to do is have the script create rows and columns on its own as the user is going to be able to upload new images into the directory and I can't go in and add a new line to the script each time that happens.

catbert303 kindly suggested the following, but so far it doesn't work and there's no errors. I've played around with it a little, moving items around, changing the syntax or a number here or there, but nothing. No errors, and no pics either.

Anyone have any suggestions? =)
Thanks!!!
Liam

code:
myVars = new LoadVars();
myVars.onLoad = function(success) { // the variables are loaded
if (success) {
var i = 0;
var x = 1
var y = 1;
var cols = 5; // the number of columns to make
var xSpacing = 50; // how far to space out the columns
var ySpacing = 75; // how far to space out the rows
while (this["image" + i] != undefined) { // pick out the images returned from the textfile, these will be in variables name image0, image1 etc
var xPos = x * xSpacing; // find the x position for the next clip
var yPos = y * ySpacing; // and the y position
newPic(xPos, yPos, this["image" + i]); // call the function
if (x == cols) { // the end of the row has been reached
y++; // move down to the next row
x = 1; // reset the column count
} else {
x++; // otherwise move onto the next column
}
i++;

}
}
};
myVars.load("thumbtest.txt");


Then the "thumbtest.txt file has this:

&image0=images/creation/animals/Aquatic004.jpg&image1=images/creation/animals/bird014.jpg&image2=images/creation/animals/Bird069.jpg&

---