Adding Thumbnails (xml Gallery + Thumbs) HELP

Adding Thumbnails Tutorial - Position The Thumbs.
There is this great tutorial here on kirupa where you add thumbnails to a XML photogallery (http://www.kirupa.com/developer/mx2004/thumbnails2.htm).
Now, everything works fine with horizontal pictures, but when i add vertical images the thumbs positions gets messed up.

now, what i want to do is when it loads the thumbnails it should get the width of the previous thumbnail and position the next thumbnail right after it plus 5 pixels, then everything should work nicely.

(I've already fixed how the big image gets positioned with horizontal/vertical images, so that i don't need any help with)

If someone can point me in to right direction where the positioning of the thumbs are being made, then maybe i can fix it myself.

Thanks!


// EDIT

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

this line is supposed to position the thumbs correctly, but it doesn't :/

---

Thumbnails Loads Weird [image Gallery Tut + Thumbs]
Hallo there,

I am having troubles with the thumbnails on my page.. they`re loading weird.
there are double thumbnails, odd spaces, overlapping thumbs ect. I`ve double checked my xml and code but can`t find why this happens.

You can see what I mean with 'odd' --here-- by clicking the portfolio link..

Can someone help me out why this is happening? I have used the luvley tutorials [image gallery and the xtra thumnails tut] to make this

Here is the code I use:


Code:
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
thumbnails = [];
total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {
image[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
thumbnails[i] = xmlNode.childNodes[i].childNodes[1].firstChild.nodeValue;
thumbnails_fn(i);
periode[i] = xmlNode.childNodes[i].childNodes[2].firstChild.nodeValue;
titel[i] = xmlNode.childNodes[i].childNodes[3].firstChild.nodeValue;
techniek[i] = xmlNode.childNodes[i].childNodes[4].firstChild.nodeValue;
afmeting[i] = xmlNode.childNodes[i].childNodes[5].firstChild.nodeValue;
tekst[i] = xmlNode.childNodes[i].childNodes[6].firstChild.nodeValue;
}
firstImage();
} else {
content = "file not loaded!";
trace("file not loaded");
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("images.xml");
//////////////////////////////////////////////
listen = new Object();
listen.onKeyDown = function() {
if (Key.getCode() == Key.LEFT) {
prevImage();
} else if (Key.getCode() == Key.RIGHT) {
nextImage();
}
};
Key.addListener(listen);
prev_btn.onRelease = function() {
prevImage();
};
next_btn.onRelease = function() {
nextImage();
};
btn_0010.onRelease = function() {
btn0010();
};
btn_9000.onRelease = function() {
btn9000();
};
btn_8090.onRelease = function() {
btn8090();
};
btn_7080.onRelease = function() {
btn7080();
};
////////////////////////////////////////////////
p = 0;
this.onEnterFrame = function() {
filesize = picture.getBytesTotal();
loaded = picture.getBytesLoaded();
preloader._visible = true;
if (loaded != filesize) {
preloader.preload_bar._xscale = 100*loaded/filesize;
} else {
preloader._visible = false;
// 75, 80 : Left top corner
// 356 : Possible max width
// 252 : Possible max height
picture._x = 73+Math.floor((356-picture._width)/2);
picture._y = 80+Math.floor((252-picture._height)/2);
if (picture._alpha<100) {
picture._alpha += 10;
}
}
};
///////////////////////////////////////////////////
function nextImage() {
if (p<(total-1)) {
p++;
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(("images/")+image[p], 1);
titel.text = titel[p];
fotoTitel.text = titel[p];
techniek.text = techniek[p];
periode.text = periode[p];
afmeting.text = afmeting[p];
tekst.text = tekst[p];
picture_num();
}
}
}
function prevImage() {
if (p>0) {
p--;
picture._alpha = 0;
picture.loadMovie(("images/")+image[p], 1);
titel.text = titel[p];
fotoTitel.text = titel[p];
techniek.text = techniek[p];
periode.text = periode[p];
afmeting.text = afmeting[p];
tekst.text = tekst[p];
picture_num();
}
}
function firstImage() {
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(("images/")+image[0], 1);
titel.text = titel[0];
fotoTitel.text = titel[p];
techniek.text = techniek[p];
periode.text = periode[p];
afmeting.text = afmeting[p];
tekst.text = tekst[p];
picture_num();
}
}
function btn0010() {
p = 18;
picture._alpha = 0;
picture.loadMovie(("images/")+image[18], 1);
titel.text = titel[18];
fotoTitel.text = titel[18];
techniek.text = techniek[18];
periode.text = periode[18];
afmeting.text = afmeting[18];
tekst.text = tekst[18];
picture_num();
}
function btn9000() {
p = 12;
picture._alpha = 0;
picture.loadMovie(("images/")+image[12], 1);
titel.text = titel[12];
fotoTitel.text = titel[12];
techniek.text = techniek[12];
periode.text = periode[12];
afmeting.text = afmeting[12];
tekst.text = tekst[12];
picture_num();
}
function btn8090() {
p = 6;
picture._alpha = 0;
picture.loadMovie(("images/")+image[6], 1);
titel.text = titel[6];
fotoTitel.text = titel[6];
techniek.text = techniek[6];
periode.text = periode[6];
afmeting.text = afmeting[6];
tekst.text = tekst[6];
picture_num();
}
function btn7080() {
p = 0;
picture._alpha = 0;
picture.loadMovie(("images/")+image[0], 1);
titel.text = titel[0];
fotoTitel.text = titel[0];
techniek.text = techniek[0];
periode.text = periode[0];
afmeting.text = afmeting[0];
tekst.text = tekst[0];
picture_num();
}
function picture_num() {
current_pos = p+1;
pos_txt.text = current_pos+"/"+total;
}
////////////////////////////////////////////
function thumbNailScroller() {
// thumbnail code!
this.createEmptyMovieClip("tscroller", 1000);
scroll_speed = 10;
tscroller.onEnterFrame = function() {
if ((_root._xmouse>=thumbnail_mc._x) && (_root._xmouse<=thumbnail_mc._x+thumbnail_mc._height)) {
if ((_root._ymouse>=(hit_bottom._y-40)) && (thumbnail_mc.hitTest(hit_bottom))) {
thumbnail_mc._y -= scroll_speed;
} else if ((_root._ymouse<=40) && (thumbnail_mc.hitTest(hit_top))) {
thumbnail_mc._y += scroll_speed;
}
} else {
delete tscroller.onEnterFrame;
}
};
}
function thumbnails_fn(k) {
thumbnail_mc.createEmptyMovieClip("t"+k, thumbnail_mc.getNextHighestDepth());
tlistener = new Object();
tlistener.onLoadInit = function(target_mc) {
target_mc._y = hit_top._y+(target_mc._height+5)*k;
target_mc.pictureValue = k;
target_mc.onRelease = function() {
p = this.pictureValue-1;
nextImage();
};
target_mc.onRollOver = function() {
this._alpha = 50;
thumbNailScroller();
};
target_mc.onRollOut = function() {
this._alpha = 100;
};
};
image_mcl = new MovieClipLoader();
image_mcl.addListener(tlistener);
image_mcl.loadClip(("thumbs/")+thumbnails[k], "thumbnail_mc.t"+k);
}
here is a part of the xml I use:

Code:
<root>
<image>
<pad>1_7080.jpg
<thumbnail>t1_7080.jpg
<periode>1970 - 1980
<titel>zonder titel
<techniek>ets
<afmeting>22x34
<tekst>Ut nunc turpis, bibendum.....</tekst>
</image>
....
</root>
The thumbnails have a max of 73 px height or width [portait, landscape or square]

Can someone help me why the thumbs are loading this way?

Many thanks in advance !

-xoa-

---

Text Over Thumbnails: Adding Thumbnails Photo Gallery Using XML And Flash Tutorial
So I went through the adding thumbnails supplement to the XML Photo Gallery (http://www.kirupa.com/developer/mx2004/thumbnails.htm) and it works great. I wanted to put the label of the image over the thumbnail when the user mouses over the thumbnail. Any thoughts on how to do this? I want it to look like these thumbnails http://www.commonskymedia.com/index.html#reel. Thanks!

---

Adding Scrolling Thumbs To This Xml Gallery
How would i go about adding a scrolling row of thumbnails with this code?

for the row i want to use the same image which is called in already

Code:
function loadXML(loaded) {

if (loaded) {

xmlNode = this.firstChild;
title1 = [];
desc = [];
date = [];
image = [];


total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {

title1[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
desc[i] = xmlNode.childNodes[i].childNodes[1].firstChild.nodeValue;
image[i] = xmlNode.childNodes[i].childNodes[2].firstChild.nodeValue;



}
firstArticle();
} else {

content = "file not loaded!";

}

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

function firstArticle() {
if (loaded == filesize) {
title_txt.text = title1[0];
desc_txt.html = true;
desc_txt.htmlText = desc[0];
picture.loadMovie(image[0], 1);

article_num();
}
}

//page no
whoIsOn = 0;

function article_num() {
current_pos = whoIsOn+1;
pageno.text = current_pos+" / "+total;
}


//the next and prev butts



previous.onRelease = function() {
if(whoIsOn > 0) {
whoIsOn--;
title_txt.text = title1[whoIsOn];
desc_txt.html = true;
desc_txt.htmlText = desc[whoIsOn];
picture.loadMovie(image[whoIsOn], 1)
article_num();



}
}



next.onRelease = function() {
if(whoIsOn < (total-1)) {
whoIsOn++;
title_txt.text = title1[whoIsOn];
desc_txt.html = true;
desc_txt.htmlText = desc[whoIsOn];
picture.loadMovie(image[whoIsOn], 1);
article_num();


}
}

stop();

---

XML/Flash Gallery - Adding Thumbs Question
I'm sure the answer is embarassingly simple - - -

http://www.kirupa.com/developer/mx2004/thumbnails.htm


I am pretty new to flash design, but all of the tutorials here are helping me progress rapidly.

My question is, if I wanted to make the thumbnails in the above tutorial scroll up and down rather than from left to right, what would I do differently?

The help is much appreciated. Thanks!

---

Adding Thumbnails Gallery Help
Morning all,

I'm trying to edit the 'Adding Thumbnails' gallery
(http://www.kirupa.com/developer/mx2004/thumbnails.htm)

What I'm wanting to do is make the thumbs go from top to bottom rather than from side to side. Is this possible and if so can anybody tell me how? I'm not the most experienced actionscripter. Basically I want the main picture on the left and the thumbs scrolling down the right hand side.
Also if it is possible can I use a hotspot like a picture of an arrow to show where the user has to hover for it to scroll? This is less important at the current time though.

Thanks,
Jon

---

Adding Thumbnails To XML Gallery
I was adding the <a href="http://www.kirupa.com/developer/mx2004/thumbnails.htm">thumbnail gallery</a> to my website, but the rollover to scroll through the thumbnails must is offset somewhere. I would like to just add left and right buttons to scroll if possible. If somebody could show me how to do that, it would be just terrific.

---

Help With Adding Thumbnails To XML Gallery
I was adding the thumbnail gallery to my website, but the rollover to scroll through the thumbnails must is offset somewhere. I would like to just add left and right buttons to scroll if possible. If somebody could show me how to do that, it would be just terrific.

http://www.kirupa.com/developer/mx2004/thumbnails.htm

---

Help Adding Thumbnails To XML Gallery
I was adding the thumbnail gallery to my website, but when I move the gallery over to the right side, the rollovers area's don't move with it. Therefore, the scroller is offset. I would like to just add left and right buttons to scroll if possible. If somebody could show me how to do that, it would be just terrific.

http://www.kirupa.com/developer/mx2004/thumbnails.htm

---

Adding Thumbnails To My Gallery
Hi, once again it's the dummy who try to realize the tutorial and who need help.

Actually, I try to adapt the tutorial "adding thumbnails" to my gallery. But Not as the tutorial, I try to have them not on 1 line but on a grid. I adapt the boundarys (left and right) by (top and bottom) change in the code their name.

Basically it's working but all my thumbnails are in the same spot on a top of each other)

Could you help me to undersand how to place my thumbnails (3 in a raw and .... in a column)

I placed my thumbnails area on the left My images area is on the middle and my text zone is on the right.

Help me, please.

Thanks in advance.

---

Adding Thumbnails To XML Gallery Problem.
So I finished the tutorial on Adding Thumbnails to the XML Photo Gallery. Everything works perfectly. I then went to another flash file, created a container that would load the XML Gallery into it and that worked. My problem: When i put the mouse over any part of the scroll part it'll scroll to the left, but when i want it to scroll back to the right, hit area in which i have to put the mouse over is WAY OFF to the left side. whats going on? I looked through the action script and tryed messing with the following codes and changing the -40 and +40 to see if that would effect anything and it made the hit areas move but then the whole scroller would shake back and forth. in other words... I have NO IDEA what i'm doing. Please help!

// thumbnail code!
this.createEmptyMovieClip("tscroller", 1000);
scroll_speed = 10;
tscroller.onEnterFrame = function() {
if ((_root._ymouse>=thumbnail_mc._y) && (_root._ymouse<=thumbnail_mc._y+thumbnail_mc._heig ht)) {
if ((_root._xmouse>=(hit_right._x-40)) && (thumbnail_mc.hitTest(hit_right))) {
thumbnail_mc._x -= scroll_speed;
} else if ((_root._xmouse<=40) && (thumbnail_mc.hitTest(hit_left))) {
thumbnail_mc._x += scroll_speed;
}
} else {
delete tscroller.onEnterFrame;
}

---

Help With Adding Thumbnails To The Photo Gallery
I am using this tutorial for my gallery.

I don't want scrolling thumbnails and I don't want them to load dynamically.
My thumbnails are already on the page - I want to be able to click on one and have it load into to the main mc. And then use the back and next buttons to navigate through.

I don't understand how to break up the code and make it work for what I'm trying to do.
Can anyone help!?
thanks.

---

Adding Thumbnails - (dynamic Xml Gallery)
Hi gang....i went over the xml photo Gallery here on Kirupa.
Very nice tutuorial.....I also went over the second tutorial - adding thumbnails:

http://www.kirupa.com/developer/mx2004/thumbnails.htm

again - this was a much needed tutorial that i have been looking for - however i really relaly need to know how to create the thumbnails from the large images themselves instead of having to make SEPERATE THUMBNAIL IMAGES for the xml to pull?

Therefore i need to know a code that can resize the original images and load into the thumbnail movieclip.


I tried simply using _width and _height for the thumbnail movieclip - but the spacing between them are far too large - when i isolate the code that contains the data for the thumbnail spacing - no change is made!

HELP PLEASE!?

or even better - does anyone know of a tutorial that clearly outlines what i want to do?

---

Adding Descriptions To Thumbnails In Xml Gallery
Hi,
I used this code, from "Creating Websites for Dummies" to create a video playlist. The only problem is that it (the book) doesnt show how to load descriptions for the video thumbnails (saying the title etc...of the video). I cant work out how to attach a dynamic text field to each thumbnail that reads its description from an xml file, can anyone give me some pointers or explain how this is done? I've been stuck on this for a few days now and i cant work it out.....

in the code below 'main' refers to an attribute in teh xml file.

Thanks



Code:

ar nc:NetConnection = new NetConnection();
nc.connect(null);
var ns:NetStream = new NetStream(nc);
video.attachVideo(ns);

myGallery = new XML();
myGallery.ignoreWhite = true;
myGallery.onLoad = function(success) {
numimages = this.firstChild.childNodes.length;
spacing = 85;
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.thumb);
this.thumbLoader.attachMovie("extra_mc", "extra_mc", 999999);
this.thumbHolder.title = this.picHolder.attributes.title;
this.thumbHolder.main = this.picHolder.attributes.main;
if (i>3) {
this.thumbHolder._x = this.thumbHolder._x+320;
this.thumbHolder._y = this.thumbHolder._y-340;
}
this.thumbHolder.onRelease = function() {
//this.main refers to the xml file
ns.play(this.main);
this.thumb_txt.text = this.title;
title.text = this.title;
};
}
};

---

Adding Thumbnails To Photo Gallery Problem
Hello!

I am having a propblem with the following tut: http://www.kirupa.com/developer/mx2004/thumbnails.htm

I moved elements around, and in the Flash Preview it workd perfectly. But once I export it into a movie, the scroll stops working.

Note: I am calling this SWF into another Flash Movie (external). It is part of a sites catalogue.

I have attached the FLA and the XML file -

Thanks!

---

Photo Gallery XML & Flash, Adding Thumbnails
Thank you! I am so grateful for this forum.
I was recently searching for a tutorial on how to create a photo gallery. Fortunately for me, I came across 3 on kirupa.com. My goal is to have the thumbnails scroll, just as in "Adding Thumbnails".

I first followed the instructions in the "Create a Photo Gallery" -- all went well, very well actually. I am new to ActionScript.
Then I completed the "Photo Gallery using XML and Flash" -- all went well, completed and happy.

Then...I started the "Adding Thumbnails" tutorial and I can't open the .fla source file, "Unexpected File Format". Is it because I'm using Flash MX? I have all the files in a single folder as instructed. In the tutorial, it states that it is the exact same FLA as in the previous tutorial except for the extra space below the text fields. So... I used the FLA from the previous lesson and modified it. I increased the size to allow space for the thumbnails. When I test the movie, the large images appear with their captions and the counter works as well. However, there are no thumbnails. Should I have modified something else?
Any ideas on how I can save and open the FLA -- thumbnail_initial.fla and thumbnail_final?
Or...do I need to modify something else in the xml_pg_final_mx?
Sincerely,
terryd

---

Adding Thumbnails Kirupa Gallery With Smoothing?
Hello there.
I;m not that much experienced in Actionscript.
I made a xml gallery using kirupa's xml gallery tutorial and then i added thumbnails.
It all works fine. But i have one big problem.
Although i managed to have the jpg's loaded fullscreen i dont know how to use smoothing
for the resize of the movieclip container. I have a code that resizes the movieclip to the dimensions of the stage onresize function. But when it gets resized it's not smoothing
and the jpg looks bad.
I'm trying to put in the code an attachBitmap function so i can have it with smoothing to true. But i haven't managed how yet. Tried to place the function everywhere but no hope.
Does someone knows hoe to do this.

Here is the code for the gallery:
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
thumbnails = [];
total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {
image[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
description[i] = xmlNode.childNodes[i].childNodes[1].firstChild.nodeValue;
thumbnails[i] = xmlNode.childNodes[i].childNodes[2].firstChild.nodeValue;
thumbnails_fn(i);
}
firstImage();
} else {
content = "file not loaded!";
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("images.xml");
/////////////////////////////////////
function thumbnails_fn(k) {
_root.logop.thumbnail_mc.createEmptyMovieClip("t"+ k, _root.logop.thumbnail_mc.getNextHighestDepth());
tlistener = new Object();
tlistener.onLoadInit = function(target_mc) {
target_mc._x = (target_mc._width)*k;
target_mc.pictureValue = k;
target_mc.alphaTo(50,0.5,"easeOutBounce");
target_mc.onRelease = function() {
p = this.pictureValue-1;
nextImage();
};
target_mc.onRollOver = function() {
this.alphaTo(100,0.5,"easeOutBounce");
thumbNailScroller();
};
target_mc.onRollOut = function() {
this.alphaTo(50,0.5,"easeOutBounce");
};
};
_root.logop.image_mcl = new MovieClipLoader();
_root.logop.image_mcl.addListener(tlistener);
_root.logop.image_mcl.loadClip(thumbnails[k], "_root.logop.thumbnail_mc.t"+k);
}
listen = new Object();
listen.onKeyDown = function() {
if (Key.getCode() == Key.LEFT) {
prevImage();
}
if (Key.getCode() == Key.RIGHT) {
nextImage();
}
};
Key.addListener(listen);
// PREVIOUS BUTTON ACTIONS
previous_btn.onRelease = function() {
prevImage();
};
// NEXT BUTTON ACTIONS
next_btn.onRelease = function() {
nextImage();
};
/////////////////////////////////////
p = 0;
_root.IMG_MC._alpha = 0;
function loadIt() {
this.onEnterFrame = function() {
_root.IMG_MC.alphaTo(0,0.5,"linear");
if (_root.IMG_MC._alpha<1 ) {
_root.IMG_MC.loadMovie(image[p], 1);
this.onEnterFrame = function() {
filesize = _root.IMG_MC.getBytesTotal();
loaded = _root.IMG_MC.getBytesLoaded();
_root.preloader.alphaTo(100,0.1,"linear");
_root.preloader.xScaleTo(100,0.1,"linear");
percent = 100*(loaded/filesize);
if (loaded != filesize) {
_root.preloader.bar._xscale = percent;
_root.preloader.percent_txt.text = int(percent)+"%";
} else {
_root.preloader.alphaTo(0,1.5,"linear");
_root.preloader.xScaleTo(0,1.5,"easeOutBounce");
if (_root.IMG_MC._alpha<100) {
_root.IMG_MC.alphaTo(100,1,"linear",0)
if (_root.IMG_MC._alpha>99) {
_root.IMG_MC._alpha = 100;
delete this.onEnterFrame;
}
}
}
};
}
};
}
function nextImage() {
if (p<(total-1)) {
p++;
if (loaded == filesize) {
loadIt();
desc_txt.text = description[p];
picture_num();
}
}
}
function prevImage() {
if (p>0) {
p--;
loadIt();
desc_txt.text = description[p];
picture_num();
}
}
function firstImage() {
if (loaded == filesize) {
_root.IMG_MC.loadMovie(image[0], 1);
loadIt();
desc_txt.text = description[0];
picture_num();
}
}
function picture_num() {
current_pos = p+1;
pos_txt.text = current_pos+" / "+total;
}
function thumbNailScroller() {
// thumbnail code!
this.createEmptyMovieClip("tscroller", 1000);
scroll_speed = 10;
_root.logop.tscroller.onEnterFrame = function() {
if ((_root._ymouse>=_root.logop.thumbnail_mc._y) && (_root._ymouse<=_root.logop.thumbnail_mc._y+_root. logop.thumbnail_mc._height)) {
if ((_root._xmouse>=(_root.logop.hit_right._x-40)) && (_root.logop.thumbnail_mc.hitTest(hit_right))) {
_root.logop.thumbnail_mc._x -= scroll_speed;
} else if ((_root._xmouse<=(_root.logop.hit_left._x+40)) && (_root.logop.thumbnail_mc.hitTest(hit_left))) {
_root.logop.thumbnail_mc._x += scroll_speed;
}
} else {
delete _root.logop.tscroller.onEnterFrame;
}
};
}

and the code i thought it could work for the smoothing under load.Movie:

myBitmap = new BitmapData(_root.IMG_MC._width, _root.IMG_MC._height, true, 0xFFFFFF);
myBitmap.draw(_root.IMG_MC);
removeMovieClip(_root.IMG_MC);
createEmptyMovieClip("_root.IMG_MC", getNextHighestDepth());
_root.IMG_MC.attachBitmap(myBitmap,1,"auto",true);


ANY HELP PLEASE???!!
IN Red is every loading procedure of the code.

thank you!

---

XML Help With Adding Categories To Gallery With Thumbnails And Larger Pictures
Hi, I was looking at http://www.kirupa.com/developer/mx2004/thumbnails.htm tutorial, This tutorial Almost has exactly what I want.

But being new to XML and the action script associated with it, I'm a bit lost when it comes to adding new things. Basically i want to have Album categories the same way the thumbnails work so their is a mask limiting 4 categories on screen and when you click < or > arrows next to the categories it shows the next 4 categories that you would be able to choose from.

Then I would want it to load whatever category you selected into the thumbnails and the larger pic.

Does anyone know how to do this ? Or if their is another tutorial that would show me how to add categories into something like a gallery with thumbnails?

Apologies for being stupid and the poor grammar
I've been searching everywhere to find out how i can add in some categories and still have it linked to the thumbnail scroller and larger images, but i haven't found any luck at all I just want it so you could add in as many thumbs and categories as you wanted and have those masked and scrollable rather then a dropdown.

I paid for some silly pdfs to explain it better to me but they did it in a way that I didn't like and turned out just to be a waste of money. Learnt my lesson and signed up here to ask the pros! Hope you can help me out. I want to create something that can be updated from just an xml file.

I also Added a quick jpg to kind of illustrate what i want to have happen :/

Any information or direction you can provide is highly appreciated.

---

V3 With Thumbs Scrolled Photo Gallery With 80x80 Not 40x40 Thumbs Problem
Hi I've been testing out the V3 with thumbs scrolled .fla from this topic
http://www.kirupa.com/forum/showthre...rolling+thumbs
well basically i've been trying to modify it to accept images for the thumbs as 80x80 not 40x40 no matter how much modding i try to do (and i'm crap at actionscript verymuch a newbie) i can only stretch all the 40x40 images and the 80x80 images are oversized for the buttons?

should i be testing all the images as 80x80 or is there something i'm missing (all the images will be 80x80 in the end)

Cheers guys for any suggestions

---

XML Photo Gallery W/Thumbs - Code For Loading SWFs Instead Of JPGs For Thumbs?
Hi, all,

I'm using Flash CS3 and have built a slide show using the excellent XML Photo Gallery tutorial, as well as adding sound thanks to another post in this forum. It's all working like a charm. The only bad thing is: I want to place .swfs files where the dynamic text is right now, and can't figure out how to do it.

What I really want is one large image/JPG on each slide, and below that, instead of the dynamic text shown in the tutorial example, a smaller .swf file should appear. (For this project, the text itself needs to be animated, and I can't do that with the <caption>/dynamic text option; I need to insert an SWF.) I'd really like to do this using XML since that's working so nicely otherwise.

Can anyone provide me with the actionscript code to use in the context of this photo gallery? I'm not advanced enough yet to know where or how to place code that doesn't fall into this gallery/AS format.

(I'm not being lazy: I have looked all over these forums for hours, read through about 60 pages of tutorials, went through the whole XML Photo Gallery with Thumbnails hoping I could somehow alter that to meet this project's needs... no dice. I had gotten far enough in that tutorial to be able to insert an empty movie clip where I want it, but could only figure out how to fill it with JPGs from the XML, not SWFs... and in any case the images did not then work correctly while advancing the slides.)

Here is my current Actionscripit code:

************************************************** *****

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

************************************************** *****

(It's not showing the preloader and is missing the counter AS on purpose; I don't need those items for this project...)

Thank you for any help you can give!!

---

XML Scrolling Gallery -- Tutorial "Adding Thumbnails"
This tutorial was posted on June 14 05 but I seem to be having some problems with it. I get to the point of going through all the Action Script in the tutorial but I am then looking to run the script (export the Movie). Every time I do this, with my own coding or not, I see to the the same Error:
Error finding URL "file:/directory/directory/..../undefined"

this undefined error has reared its head before and it does seem to cause problems!

Could anyone give me some pointers on how to avoid this!

thanks,

Duck

---

Adding Thumbs To XML Slideshow
Hey Guys,

So i've got a slideshow built based off of Lee's XML Basics tutorial. My question has to do with the fact that i want to add thumbnails of the images that are in the slideshow. the thing i need help with is how to call out the full images from the thumbs while keeping my "last" and "next" buttons, as well as my "1/20", "2/20" in track order wise. i'd also like for the thumb selected to change it's alpha after it is click, so you can know where you are in the thumbs.

i have idea idea how to go about this so if anyone has some suggestions it would really help me out. thanks.

---

Dynamically Adding Loaded Thumbs... Failing
I'm trying to create a portfolio with ten images that I need to be loaded and added on the stage.
The problem i not to load theese images or adding them directlyt on the stage, but I want them to be added inside a thumb that I've created as a movieclip.

I've also created a for...loop so the thumbs dynamically are added on the stage. To access them I've given them an instance-name using [object].name = "[name]" and I've also created an Array to keep track of the names.

Please take a look at the code below...:









Attach Code

var A:Number = 10;
var contArray:Array = new Array();
for (var i:uint=0;i<A;i++){
var cont:Thumb = new Thumb();
cont.name = "thumb"+i;
addChild(cont);
trace(i);
contArray[i] = this.getChildByName("thumb"+i);
var urlRB:URLRequest = new URLRequest("testImg/ill_"+i+".jpg");
var urlLB:URLLoader = new URLLoader();
urlLB.load(urlRB);
contArray[i].cont_.addChild(urlLB);
if(i>7){
cont.y = stage.stageHeight/2+(cont.height*1.5);
cont.x = stage.stageWidth/2-cont.width*2.25+(cont.width*1.5)*(i-8);
}
else if (i>3){
cont.y = stage.stageHeight/2;
cont.x = stage.stageWidth/2-cont.width*2.25+(cont.width*1.5)*(i-4);
}
else {
cont.x = stage.stageWidth/2-cont.width*2.25+(cont.width*1.5)*i;
cont.y = stage.stageHeight/2-cont.height-(cont.height*.5);
}
if(i>7){
var commonB:CommonButton = new CommonButton();
this.addChild(commonB);
commonB.x = 600;
commonB.y = 60;
commonB.name = "cB";
var commonArray:Array = new Array();
commonArray[0]= getChildByName("cB");
commonArray[0].txt_.text = "Neste";
contArray[0].alpha = .2;
}
}

---

V3 With Thumbs Gallery, Help
Hi, i wonder if there is a way to add a preloader for the thumbs and the main photos to this nice gallery. I been trying but i can't make it.
Any help will be really apreciated.

---

About The Xml Gallery With Thumbs
I'm having issues with adding more images to the XML gallery. I need to expand the gallery but Im not sure if there is a section in the actions that predetermines the amount of pics to load.

Anyone have any clue


Thanks a billion!

The movie I want to make work is located at http://bymarvin.com/zach/test/1.swf

---

Gallery W/ Thumbs
right now i'm doing a image gallery that's basically like this (except the thumbs are above): http://www.flash-game-design.com/fla...h-gallery.html

however i'm not following that because there's no transitions.. i want it to be simple; click and there's the picture. you know what i mean?

i have the thumbs on a different layer than the MC that hold the actual pictures. i'm having problems linking the thumbs and images together. i don't know how!

if my thumb is a button called thumb_0 and the main image is called image_0 how do you link the images together? also the MC is called viewer.

---

XML Gallery Help With Thumbs....
So Im basically working on a Photo Gallery using XML. Now i've got everything, but the thumbs. I have no problem making thumbs go vertical or horizontal. I just dont know how to make them in a grid or have rows or columns. So im stuck and could really appreciate the help. Here is a link to the design idea.........

http://fottografie.com/links/temp/xml/gallery.html

Everything should work except the thumbs. That is basically the idea of how i want them layed out. Three across and about 25 images. Here is the code im using in flash >>>>> Action Script....
Code:

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


So now i need help with the thumb setup.

---

Kirupa's Adding Thumbnail Tutorial With Easing Thumbs
Hi everybody,

I'm new to the forum and i would like some help.
I was learning how to add thumbnails to a photo slideshow from kirupa's tutorial: adding thumbnails, but i would like to learn how to add some easing to the thumbnail when scrolled.

What I want to learn is something like this:
http://www.phpjabbers.com/flash-gallery/

I've tried several things, i found something similar to what i want in this forum, but it didn't work. I try the tutorials on kirupa's web site about easing, but nothing...

here is the link for kirupa's tutorial:
http://www.kirupa.com/developer/mx2004/thumbnails.htm

and this one is the link for what i found in this forum:
http://www.kirupa.com/forum/showthre...mbnails+easing

Well, someone could help me?
Thanks in advance

---

Scottys Resize Gallery The Gallery With Thumbnails And Multiple Galleries Problem
Hi all,

I'm relatively new to flash and was looking through the forums and found Scottys cool resize gallery which i am trying to implement in a dreamweaver website.

This is probably a stupid question but i was wondering if anyone could tell me how to add in a fifth gallery to the program - i'm probabaly doing something stupid but i can't seem to access the actions panel at all to look through the code??

Any help would be greatly appreciated!!

Also, does anyone know if this gallery will take forever to load onto a webpage or will it load relatively quickly!??

Thanks a mil in advance
Derm

---

ScrollRect In Thumbs Gallery
Hi to all. I have a gallery with thumbnails. When i click on a thumb a larger picture appears in a big rectangle with a large image item. I want the picture inside the big rect to scroll up down and left right onmousemove. The gallery takes the data from an xml file. The big rect is a mc with a mask. So i want to put actions and make the mc scrollable. I need your help!!! Sorry for my bad english.

---

Image Gallery W/ Thumbs
i've done a simple image gallery before but i havent made one in a while.. then again i never did one with thumbs.

i have all my images inside a movie clip and above on another layer i have all my thumbs. how do i link them together?

---

Thumbs In Array For Gallery
I need to get more control over the thumbnails.

gallXML.ignoreWhite = true;
gallXML.onLoad = gallery;
gallXML.load ("gallery.xml");
function gallery ()
{
section = this.firstChild.childNodes [0].attributes.main;
numimages = gallXML.firstChild.childNodes.length;
spacing = 31;
for (i = 0; i < numimages; i ++)
{
centering ()
picHolder = this.firstChild.childNodes [i];
thumbHolder = thumbnails.createEmptyMovieClip ("thumbnail" + i, i);
/*--> this has to be an array, so that I can give all thumbnails together an order. I thought this was an array, but I can't get control over this. When I trace 'thumbHolder', I get back only the last thumb. If I trace 'this', than I get the right one. i.e: _level0.thumbnails.thumbnail4) */
thumbHolder._y = i * spacing;
thumbHolder.title = picHolder.attributes.title;
thumbHolder.main = picHolder.attributes.main;
thumbLoader = thumbHolder.createEmptyMovieClip ("thumbnail_image" + i, i);
thumbLoader.loadMovie (picHolder.attributes.thmb);
thumbHolder.alphaTo (20, 4);
thumbHolder.onRollOver = function ()
{
this.alphaTo (100, 0.5);
}
thumbHolder.onRollOut = function ()
{
this.alphaTo (20, 4);
}
thumbHolder.onPress = function ()
{
// --> here I want an action for all thumbs together.
}

I've been busy to understand the Bokel class, but I couldn't find a good tutorial about thumbnail threatment.

Regards,

---

XML Photo Gallery With Thumbs Help
I have sucessfully managed to get the gallery to work in its own movie, but when I try to make it a movie clip and load/play it into another movie(which is my main skeleton for the site), the thumbnail part does not scroll or show all the images. The site is for a photographer, with three seperpate galleries. When a person visits the site, the see 3 menu options (wedding/travel/portrait) and they can click to see the chosen gallery. The gallery doesnt work once its loaded into the main movie. Any help would be great!

---

Gallery Thumbs In A Grid… Yes, Once Again
Hi everybody!

I've been reading through the many tutorials and posts to create my own gallery based on an xml file.

Believe me I've learnt a lot, I didn't know anything, now I can call images. at least!

I just want thumbs to be arranged in a grid, it must be a silly thing, but I'm done!

Could anybody take a look, I 'll appreciate very much your help.

my_xml = new XML();
my_xml.ignoreWhite = true;
my_xml.onLoad = function(ok) {
if (ok) {
loop(my_xml);
} else {
trace("error loading xml file");
}
};
my_xml.load("pictures.xml");
function loop(my_xml) {
var portfolioPictures = my_xml.firstChild.childNodes;
nuclips = portfolioPictures.length;
for (var i = 0; i<nuclips; i++) {
var currentPicture = portfolioPictures[i];
var holder = _root.createEmptyMovieClip("holding"+i, i);
col = 10;
row = 8;
space = 3;
cuenta = 0;
for (k=0; k<col; k++) {
for (j=0; j<row; j++) {
holder._x = (i+space)*j;
holder._y = (i+space)*k;
cuenta++;
}
}
inner = holder.createEmptyMovieClip("thumbnail_image", 0);
inner.loadMovie(currentPicture.attributes.thumb);
holder.title = currentPicture.attributes.title;
holder.image = currentPicture.attributes.image;
holder.onRollOver = function() {
_root.texto.text = this.title;
};
holder.onRelease = function() {
pictureit.loadMovie(this.image);
};
}
}

Thanks in advanced.
dec27

---

XML PHOTO GALLERY WITH THUMBS
I am using this file http://www.flashadvisor.com/movie/display/175.html and want it to create 9 thumbs 3 horizontal in 3 lines underneed eithother. but cant get it to work in the script.
Can someone help me or maybe have a better file for me.

Thanks in advance

---

Scotty Xml Gallery With Thumbs
Hallo Guys,

I'm using the Scotty's V 3 gallery with thumbs and the V_3 Galllery with thumbs scroll, I would like to know if it's possible to add button for:

Slideshow (for Both)

Next and Previous button ( for both)

Please, let me know if it's possible...

Damiano

---

Help:xfade Xml Gallery+thumbs
hello again brothers, me again for this places.
I am encounter with a megaproblem, I am making a image gallery plus thumbnails....
i read some pages here in web kirupa(by the way amazing code, very useful), and I decided to experiment very happy, but..

it wanted to ask if it is possible to make under this code, something to them called "CROSSFADE" inbetween images when i press some thumbnail.


Code:
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
thumbnails = [];
total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {
image[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
description[i] = xmlNode.childNodes[i].childNodes[1].firstChild.nodeValue;
thumbnails[i] = xmlNode.childNodes[i].childNodes[2].firstChild.nodeValue;
thumbnails_fn(i);
}
firstImage();
} else {
content = "file not loaded!";
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("FOTOS.xml");
/////////////////////////////////////

Color.prototype.setBrightness = function (bright) {
var percent = 100 - Math.abs(bright);
var offset = 0;
if (bright > 0) offset = 256 * (bright / 100);
var trans = new Object();
trans.ra = trans.ga = trans.ba = percent;
trans.rb = trans.gb = trans.bb = offset;
this.setTransform(trans);
}

p = 0;
var cx = picture._x;
var cy = picture._y;

this.onEnterFrame = function() {
filesize = picture.getBytesTotal();
loaded = picture.getBytesLoaded();
preloader._visible = true;
if (loaded != filesize) {
preloader.preload_bar._xscale = 100*loaded/filesize;
} else {
preloader._visible = false;

if (picture._alpha<100) {
picture._alpha += 10;
}

picture._x = cx-picture._width/2;
picture._y = cy-picture._height/2;

}
};

/////////////////////////////
function nextImage() {
if (p<(total-1)) {
p++;
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[p], 1);
/*desc_txt.text = description[p];
picture_num();*/
}
}
}
function prevImage() {
if (p>0) {
p--;
picture._alpha = 0;
picture.loadMovie(image[p], 1);
/*desc_txt.text = description[p];
picture_num();*/
}
}
function firstImage() {
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[0], 1);
/*desc_txt.text = description[0];
picture_num();*/
}
}
/*function picture_num() {
current_pos = p+1;
pos_txt.text = current_pos+" / "+total;
}*/

function thumbNailScroller() {
// thumbnail code!
this.createEmptyMovieClip("tscroller", 1000);
scroll_speed = 5;
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<=(hit_left._y+40)) && (thumbnail_mc.hitTest(hit_left))) {
thumbnail_mc._y += scroll_speed;
}
} else {
delete tscroller.onEnterFrame;
}
};
}

function thumbnails_fn(k) {
thumbnail_mc.createEmptyMovieClip("t"+k, thumbnail_mc.getNextHighestDepth());
tlistener = new Object();
tlistener.onLoadInit = function(target_mc) {
target_mc._y =(target_mc._height+8.9)*k;
//trace(target_mc._width+" "+target_mc._parent._rotation)
target_mc.pictureValue = k;

target_mc.onRelease = function() {
this._alpha=30;
p = this.pictureValue-1;
nextImage();
};
target_mc.onRollOver = function() {
myColor = new Color(this);
myColor.setBrightness(-50);
thumbNailScroller();
};
target_mc.onRollOut = function() {
myColor.setBrightness(0);
};
};
image_mcl = new MovieClipLoader();
image_mcl.addListener(tlistener);
image_mcl.loadClip(thumbnails[k], "thumbnail_mc.t"+k);
}
I would really like to be able to learn to do it, im novice reason why my level is a little low to be able to make it.
any help is thanked for infinitely.

thank`s before hand
greetings

---

Gallery / Thumbs And Caps
Hello!

I am working on this flash gallery here with thumbs and caps http://www.kirupa.com/developer/mx20...otogallery.htm

But I got a problem, It´s not working when I put it inside a movie clip.
Maybe someone here has already gone through this....

Thanks a lot in advance.

---

Thumbs In Array For Gallery
I need to get more control over the thumbnails.

gallXML.ignoreWhite = true;
gallXML.onLoad = gallery;
gallXML.load ("gallery.xml");
function gallery ()
{
section = this.firstChild.childNodes [0].attributes.main;
numimages = gallXML.firstChild.childNodes.length;
spacing = 31;
for (i = 0; i < numimages; i ++)
{
centering ()
picHolder = this.firstChild.childNodes [i];
thumbHolder = thumbnails.createEmptyMovieClip ("thumbnail" + i, i);
/*--> this has to be an array, so that I can give all thumbnails together an order. I thought this was an array, but I can't get control over this. When I trace 'thumbHolder', I get back only the last thumb. If I trace 'this', than I get the right one. i.e: _level0.thumbnails.thumbnail4) */
thumbHolder._y = i * spacing;
thumbHolder.title = picHolder.attributes.title;
thumbHolder.main = picHolder.attributes.main;
thumbLoader = thumbHolder.createEmptyMovieClip ("thumbnail_image" + i, i);
thumbLoader.loadMovie (picHolder.attributes.thmb);
thumbHolder.alphaTo (20, 4);
thumbHolder.onRollOver = function ()
{
this.alphaTo (100, 0.5);
}
thumbHolder.onRollOut = function ()
{
this.alphaTo (20, 4);
}
thumbHolder.onPress = function ()
{
// --> here I want an action for all thumbs together.
}

I've been busy to understand the Bokel class, but I couldn't find a good tutorial about thumbnail threatment.

Regards,

---

Xml Photo Gallery W/ Thumbs Incompatability
I loaded the xml photo gallery w/ thumbs from the tutorial at kirupa and the thumbs dont work and also it only seems to show every other image - is this an incompatability because im running it on flash mx not 2004?

---

Photo Gallery - Thumbs Keep Sliding Right
I've downloaded and slightly modified the Photo Gallery with Thumbnails .fla file. It works fine, except when you mouse over the right side, it keeps scrolling until all of the thumbnails are off the screen. Going to the left, it works fine, stopping when you reach the first thumbnail. On the original, it works as it should.

I haven't modified the actionscript.

---

Need A Quick Xml Gallery W/ Clickable Thumbs
Hy Everybody,
I know someone out there has a source for a dynamic photo gallery... Any help would be greatly appreciated... I don't need a .fla if ya got a link to somewhere for a download.
thx

---

XML Gallery From Tutorial, But NOT Dynamic Thumbs? HOW?
Hello.

Quick thing.

I've been doing the tutorial for the xml gallery with thumbnails here:
http://www.kirupa.com/developer/mx2004/thumbnails.htm

I've got everything working fine, but I want to make a change to the thumbnails - instead of loading them dynamically, I'd like to manually place them on the stage, and manually scroll them.

I have my reasons...


I suppose the question is an XML question, really - how to call the XML from a regular old "on press" from a button? How do I say "on Release, go and get me the image I specify in the button and in my XML file?

Anybody who could help me would be my hero!

Thanks!

---

Xml Photo Gallery + Thumbs... Wide Different
Hi, I used http://www.kirupa.com/developer/mx2004/thumbnails.htm
but, how for used thumbs with wide different?..

thanks in advance!

---

Scotty's V3 With Thumbs Photo Gallery.
Hi guys.

I recently downloaded the amazing "V3 with thumbs mx" photo gallery fla.

I am a flash novice so excuse me if i am asking a simple question.

This photo gallery is just what i wanted, however, i am trying to change the menu options to the top left of the gallery - Gallery 1, Gallery 2, Gallery 3, Gallery 4. I am trying to change these names to Area 1, Area, 2, Area 3, Area 4.

When i double-click on say Gallery 1, i am taken into the movie clip, but from here i am not able to change Gallery 1 to Area 1??? Can someone please advise as to how the Gallery 1 text can be changed???

Much appreciated.

---

[flash 8, AS2] - Placing Thumbs On Xml Gallery
i have a fully functional xml driven flash gallery, but there are 2 details that i can't manage to do.

first, i'd like to tell my "for" cicle to put the thumbnails on a lower line when they pass multiples of 6 (6, 12, 18, etc.).

second, i'd like my thumbnails to show up from alpha 0, to alpha 100, beeing that the next one starts to fade in when the previous one is at 20% alpha.

this is probablly a very simple thing to do, but i'm starting my way in coding and i still haven't been able to do it.

i leave here the link to what i have so far in case someone can help..

http://www.bleepodesign.com/galeria_xml.zip

best regards!

andre

---

Add Border To Thumbs Kirupa Gallery
Anyone can tell me how to add a border to my thumbs. I use the kirupa xml gallery with thumbs. I would like a 1pix border around the thumbs an then 5pix space for the next thumb.

And also if possible how can I add in my xml for each image a color for the background. for the background I would make an mc.

Hope someone can help out. Grtz

---

Individual Preloader For Thumbs In Gallery
Hi,
I'm new to actionscript 3 (and haven't used 1 or 2). I'm am building a dynamic image gallery with thumbs that loads all data from and external xml file. I want each thumbs to have its own prelaoder but at present, it only works for the last thumb loaded. I don't know how to reference each individual thumbloader. Here's the code relating to my issue:

//Count and load each thumb.
var thumbCount:int = galleryList[galCount].thumb;
for each (var thumbTitle in galleryList[galCount].thumb) {
trace(thumbTitle);
var thumbLoader:Loader = new Loader();
thumbLoader.load(new URLRequest(thumbTitle));

var thumbContainer:MovieClip = new MovieClip();
thumbContainer.name = "thumbContainer" + thumbCount;
thumbContainer.buttonMode = true;
//thumbContainer.addChild(thumbLoader);

thumbLoader.contentLoaderInfo.addEventListener(Pro gressEvent.PROGRESS, thumbProgress);

// Create the label for the thumb Loaderinfo display.
var loadInfo:TextField = new TextField();
loadInfo.autoSize = TextFieldAutoSize.CENTER;
loadInfo.selectable = false;
loadInfo.defaultTextFormat = loadFormat;
loadInfo.text = 0 + "%";

function thumbProgress(evtrogressEvent):void {
var percent:Number = Math.floor(evt.bytesLoaded / evt.bytesTotal * 100);
loadInfo.text = percent + "%";
}


//Get the name/url of the images being linked to thumbnails.
var imageName = galleryList[galCount].image[thumbCount];
thumbContainer.imageURL = imageName;

//Set the position of each thumbnail.
thumbContainer.y = thumbyPos;
thumbyPos = thumbyPos + 110;

//Add the event that opens/removes the image when the thumbnail is clicked.
thumbContainer.addEventListener(MouseEvent.CLICK, openImage);
var theImage:MovieClip = new MovieClip()
function openImage(event:Object):void {
if(theImage.numChildren != 0) {
theImage.removeChildAt(0);
}
var imageLoader:Loader = new Loader();
imageLoader.load(new URLRequest(event.currentTarget.imageURL));
theImage.addChild(imageLoader);
imageContainer.addChild(theImage);
theImage.x=0
theImage.y=0
}
// Add items to Stage
galleryContainer.addChild(label);
galleryContainer.addChild(thumbStripContainer);
thumbStripContainer.addChild(thumbContainer);
thumbContainer.addChild(loadInfo);
galleryContainer.addChild(moveUp);
galleryContainer.addChild(moveDown);
galleryContainer.addChild(thumbStripMask);
addChild(imageContainer);


// Apply the mask to the thumbstrip to show correct area.
thumbStripContainer.mask = thumbStripMask;

//Increase the thumb count.
thumbCount++;
}

I can attach the whole thing if need be. All help is greatly appreciated!!

Cheers,
Tane

---

Problem With XML + Flash Gallery With Thumbs
I've discovered a problem when I began to change the design of gallery described here - http://www.kirupa.com/developer/mx2004/thumbnails.htm

First of all, when I moved the scroller with hit_left and hit_right movie clips to another place - the thumbs stoped showing on the page. And it's not because of the mask layer. It's because of the code problem.
When I've changed this code:

Code:

target_mc._x = hit_left._x+(target_mc._width+5)*k;
to:

Code:

target_mc._x = 15 +(target_mc._width+5)*k;
P.S. number 15 can be changed with onther one (0, 10, 20, 30) - it doesn't make much difference - just offsets the scroller from 0 point.
It solved the problem, but then I've experienced another problem.
I've put this gallery in a Movie clip and then the scroller stopped scrolling at all.
The problem has to be somewhere here:

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

But I don't know exactly, where it can be.

I tried to change the _root._xmouse with a _root.gallery._xmouse and so on, but it didn't help. The scroller began to scroll in one direction, and after he reached x=0, he tried to begin moving backwards, but after every small move - he moved towards zero point again.

Maybe someone could help me. I'm just tired of trying to understand, where can be a mistake.

---