Flash :: Arg Wierd Problem With Kirupa Gallery With Thumbs

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!!

View Replies ! View Related

Kirupa XML Thumbs Stretched.
Hi, I've been playing around with the XML gallery, and finally I got the thumbs to preload, however, now my thumbnails are being stretched, an error in the code, im not great with AS, so it's possible its an easy fix, I'd really appreciate some help on this, I've pasted the code I have so far below with files.

Thank you, Jim

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

}
id = setInterval(preloadPic, 100);
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();
};
/////////////////////////////////////
var p = 0;
var current;
var k = 0;
function preloadPic() {
clearInterval(id);
var con = picture.duplicateMovieClip("con"+k, 9984+k);
con.loadMovie(image[p]);
preloader._visible = 1;
preloader.swapDepths(con.getDepth()+3);
con._alpha = 0;
var temp = _root.createEmptyMovieClip("temp"+k, 99+k);
k++;
temp.onEnterFrame = function() {
var total = con.getBytesTotal();
var loaded = con.getBytesLoaded();
percent = Math.round(loaded/total*100);
preloader.preload_bar._xscale = percent;
preloader._visible = true;
if (con._width) {
preloader._visible = 0;
con.onEnterFrame = fadeIn;
delete this.onEnterFrame;
}
};
}
MovieClip.prototype.fadeIn = function() {
if (this._alpha<100) {
current._alpha -= 10;
this._alpha += 10;
} else {
current._visible = 0;
current = this;
delete this.onEnterFrame;
}
};
function nextImage() {
p<total-1 ? (p++, preloadPic()) : null;
desc_txt.text = description[p];
picture_num();
}
function prevImage() {
p>0 ? (p--, preloadPic()) : null;
desc_txt.text = description[p];
picture_num();
}
function firstImage() {
con0._visible = 1;
con0._alpha = 0;
con0.onEnterFrame = fadeIn;
desc_txt.text = description[p];
picture_num();
}
function picture_num() {
current_pos = p+1;
pos_txt.text = current_pos+" / "+total;
}
previous_btn.onRelease = function() {
prevImage();
};
next_btn.onRelease = function() {
nextImage();
};
///////////////////////////////////////////////////
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;
}
};
}

function thumbnails_fn(k) {
thumbnail_mc.createEmptyMovieClip("t"+k,
thumbnail_mc.getNextHighestDepth());
tlistener = new Object();
tlistener.onLoadInit = function(target_mc) {
target_mc._x = hit_left._x+(eval("thumbnail_mc.t"+k)._width+5)*k;
target_mc.pictureValue = k;
target_mc.onRelease = function() {
p = this.pictureValue-1;
nextImage();
};
target_mc.onRollOver = function() {
this._alpha = 50;
thumbNailScroller();
};
target_mc.onRollOut = function() {
this._alpha = 100;
};
};
image_mcl = new MovieClipLoader();
image_mcl.addListener(tlistener);
image_mcl.loadClip(thumbnails[k], "thumbnail_mc.t"+k);
}

View Replies ! View Related

Kirupa's PhotoGallery...thumbs Instead Of Back/forward Buttons?
I've searched and have been unable to find a solution...

In reference to Kirupa's PhotoGallery tutorial, what I'm trying to do is use thumbnail images for the buttons to call the .jpgs in the array, rather than simply "forward" and "backward" buttons. However, the button code doesn't seem to handle the photo path, i.e.

ActionScript Code:
on (release) { _root.changePhoto(myPhoto.jpg); }

doesn't do what I want. Any suggestions?

View Replies ! View Related

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

View Replies ! View Related

Help With Kirupa.com XML Flash Photo Gallery Kirupa.com Example
Hello,

I'm trying to figure out how to highlight the text as the image is visible.

So image 1 fades in Text Highlights > Image 2 fades in Image 1 text fades out to gray and image 2 text fades in to blue...and so on.

It would also be nice so if I click on the description text the associated image to the text would appear again. : )

Here is a link to the working flash files :

http://www.opticinteractive.com/deve..._pg_final.html

Thanks

Brian

ActionScript Code is Below :

delay = 3000;
//-----------------------
function loadXML(loaded) {

if (loaded) {

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

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

}
firstImage();

} else {

content = "file not loaded!";

}

}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("images.xml");
/////////////////////////////////////
listen = new Object();
listen.onKeyDown = function() {

if (Key.getCode() == Key.LEFT) {

prevImage();

} else if (Key.getCode() == Key.RIGHT) {

nextImage();

}

};
p = 0;
this.onEnterFrame = function() {

filesize = picture.getBytesTotal();
loaded = picture.getBytesLoaded();
preloader._visible = true;
if (loaded != filesize) {

preloader.preload_bar._xscale = 100*loaded/filesize;

} else {

preloader._visible = false;
if (picture._alpha<100) {

picture._alpha += 10;

}

}

};
function nextImage() {

if (p<(total-1)) {

p++;
if (loaded == filesize) {

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

}

}

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

}

}
function picture_num() {

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

}
function slideshow() {

myInterval = setInterval(pause_slideshow, delay);
function pause_slideshow() {

clearInterval(myInterval);
if (p == (total-1)) {

p = 0;
firstImage();

} else {

nextImage();

}

}

}

View Replies ! View Related

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.

View Replies ! View Related

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

View Replies ! View Related

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.

View Replies ! View Related

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.

View Replies !    View Related

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.

View Replies ! View Related

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?

View Replies ! View Related

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,

View Replies ! View Related

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!

View Replies ! View Related

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

View Replies ! View Related

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

View Replies ! View Related

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

View Replies ! View Related

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

View Replies ! View Related

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.

View Replies ! View Related

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?

View Replies ! View Related

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.

View Replies ! View Related

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

View Replies ! View Related

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!

View Replies ! View Related

Adding Thumbnails (xml Gallery + Thumbs) HELP
Sorry for opening another thread about this.. didn't find the right answer after my search..

Anyway.. please take a look at:

http://www.ristorantenapoli.nl/

At 'foto's' you'll find the modified gallery from kirupa.. but..here's my problem:
scroll to the right.. no problem.. scroll back to the left.. nothing happpens.. (well it works.. but the hit_left is triggered at the far left.. way to far! Please help! How can i fix this?

Thnx in advance!

View Replies ! View Related

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!

View Replies ! View Related

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.

View Replies ! View Related

[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

View Replies ! View Related

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

View Replies ! View Related

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

View Replies ! View Related

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.

View Replies ! View Related

Xml Photo Gallery Thumbs Not Showing Up
I am having an issue with my photo gallery thumbs not showing up. http://www.libertyfc.org/

When you first land on the page the thumnails do not appear with the flash photo gallery. However, if you refresh the page, they show up.

I have reviewed my code and can't seem to find anything wrong. Any one have any ideas why this might be happening?

XML loading code frame 1

Code:
photo_filename = new Array();
photo_thumbnail = new Array();
photo_description = new Array();

photo_header = new Array();
photo_link = new Array();
photo_gallery = new Array();
photo_video = new Array();

filepath = "/photos/";
// Load the photos XML
var libertyFC_xml = new XML();
libertyFC_xml.ignoreWhite = true;
libertyFC_xml.onLoad = function()
{
var nodes:Array = this.firstChild.childNodes;
for(var i=0;i<nodes.length;i++)
{
photo_filename.push(nodes[i].attributes.filename);
photo_thumbnail.push(nodes[i].attributes.thumbnail);
photo_description.push(nodes[i].attributes.description);

photo_header.push(nodes[i].attributes.header);
photo_link.push(nodes[i].attributes.storylink);
photo_gallery.push(nodes[i].attributes.gallerylink);
photo_video.push(nodes[i].attributes.video);
}

}
//libertyFC_xml.load(filepath + "vh_photos.xml");
libertyFC_xml.load("vh_photos.xml");

set and position thumbs frame 5

Code:
y_middle = Stage.height/2;
tn_group.tn._visible = false;
tn_group.setMask(tn_area);
tn_alpha_default = 100;
p = 0;
//trace("num of images in array = "+photo_thumbnail.length);

for (var i = 0; i<photo_thumbnail.length; i++) {
tn_group.tn.duplicateMovieClip("tn"+i,i);
tn_group["tn"+i].tn_pic.loadMovie(filepath+photo_thumbnail[i]);

trace(filepath+photo_thumbnail[i]);
filenames.text = filepath+photo_thumbnail[i];

tn_group["tn"+i]._x = tn._x;
if (photo_video[i] == "") {
//tn_group["tn"+i].vid_cover._visible = false;
tn_group["tn"+i].arrow._visible = false;
}
//trace("video= "+photo_video[i]);
//original fla photos were 100x90
//tn_group["tn"+i]._y = i * 100;
//set spacing : new photos will be 85x51
tn_group["tn"+i]._y = i*60;
tn_group["tn"+i].tn_pic._alpha = 100;
tn_group["tn"+i].tn_no = i;

//mouse btn functions
tn_group["tn"+i].tn_button.onRollOver = function() {
this._parent.tn_pic._alpha = 100;
};
tn_group["tn"+i].tn_button.onRollOut = function() {
this._parent.tn_pic._alpha = tn_alpha_default;
};
tn_group["tn"+i].tn_button.onRelease = function() {
_root.p = this._parent.tn_no;
gotoAndPlay("start");
//trace("video= "+photo_video[p]);
if (photo_video[p] != "") {
video = photo_video[p];
gotoAndPlay("video");
}
};
/**/
}

View Replies ! View Related

XML Gallery Loading Different Size Thumbs
I am loading my gallery via XML using the standard XML/Flash mess so that my thumbs load into a MC and stack side by side horizontally. This is great for the typical set thumbnail widths, however I want to load in different size thumb widths (not height) then stack them side by side Horz.

My problems...I am using a loader to check on bytes loaded blah, blah, blah and I can't get the width of the image until it is loaded (unless there is another way). This means that because I am stacking my MC side by side already and loading the images in, I can't wait until the image is loaded to get the width.

SOLUTION (almost): I used an attribute tag to manually assign a width for each thumb in XML and read that in Flash hoping that it would allow me to do what I wanted (yes I converted my string from XML to a Number...no problems there). It seemed to work, almost, but not really, anything under 100px had too much space after it leaving a gap to the next thumb. I ran traces in Flash to make sure it was getting the right X position and it was, I checked the math, widths, but it still didn't work. HELP!!!

My Code sample to set the alignment

Code:
thumbs_holder["projectViewerModule" + modules]._x = thumbs_holder._x + thumbWidth;
thumbWidth is the widths added to each other in the loop assigning a new width to set the x position.

If you know of a way to do this, it would be greatly appreciated I am not locked into my way.

View Replies ! View Related

Photo Gallery With Thumbs And Categories
Hello everyone, Im new to gotoAndLearn and I must say this site is awsome for new flash users. Well...Ive been using flash for some time but havent fully learned actionscript, and am still somewhat "green" to the whole thing. In the process now of building a site and looking towards a photo gallery. During my search on google I came across this very sleek xml gallery on a template site. You can have a look here.....

Ive also come across some others on here and Kirupa and Flashkit but all I find are slide shows, which is great but I cant seem to find any tutorial or direction on building one like I have posted. So basically Im looking for any tutorial or some direction on a gallery with thumbnails and categories a user can select from. Perhaps someone may know of an example I can look at?

Any help is greatly appreciated and I look forward to learning alot about actionscript and Flash on here and hopefully help out as much as I can.

View Replies ! View Related

Slide Code For Photo Gallery Thumbs
hi everybody
I'm trying to make something like this:

example

this is an example I took from a template but I couldn't find the code on it. I don't like asking for the exact code, but what should I search for tutorials on the code for the arrows that make the thumbs slide from left to right, on mouseover?

thank you

View Replies ! View Related

XML-driven Gallery W/ Captions & Sliding Thumbs
Some of you may have seen this already, if you have been on my website, but I think this is worth of mentioning.

"XML driven image gallery with captions and sliding thumbnails. I used Voetsjoeba’s ‘Flashlevel Navigation Recreation’ for those thumbs (a big thanks for that) and it turned out pretty neat. It looks a little dumb, because there isn’t any ‘area’ for the gallery, like some square around the whole thing and it looks much better. Check it out. "

Gallery can be found [HERE]

View Replies ! View Related

XML Gallery With Thumbs And Slideshow: Buttons Won't Work
Hi everyone..
Im having seriously problems with my gallery
right now nothing works!
The code is base on the toturial on Kirupa.com
I managed to add the slideshow, so it worked.. for awhile atleast. But right now, I don't know what I've done, now my next_btn och previous_btn don't work. The wierd thing is that i can change pic with the LEFT RIGHT KEY on the keyboard.. and they are using the same code. So it can't be something wrong with my AS, I think..

Tho, i got the buttons to work once more. The thing i did was copying the orginal buttons from the toturial fla, and pasted it into my, then it work again for some time. I don't know what im doing that makes the buttons stop working.
Here is what my code look like right now:

Code:
my_int = 3000;

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();
disp_size = filesize + " kb";
loaded = picture.getBytesLoaded();
preloader._visible = true;
if (loaded != filesize) {
preloader.preload_bar._xscale = 100*loaded/filesize;
} else {
preloader._visible = false;
if (picture._alpha<100) {
picture._alpha += 10;
}
}
};
function nextImage() {
if (p<(total-1)) {
p++;
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
picture_num();
}
}
}
function prevImage() {
if (p>0) {
p--;
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
picture_num();
}
}
function firstImage() {
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[0], 1);
desc_txt.text = description[0];
picture_num();
}
}
///////picture menu button actions ///////
stop_btn.onRelease = function() {
clearInterval(myInterval);
}
slideshow_btn.onRelease = function() {
myInterval = setInterval(pause_slideshow, delay);
}
popup_btn.onRelease = function() {

}
previous_btn.onRelease = function() {
previousImage();
}
next_btn.onRelease = function() {
nextImage();
}
///////////////////////////////////////////

off_btn.onRelease = function() {
clearInterval(myInterval);

}

on_btn.onRelease = function() {
nextImageSlideshow();

}
function firstImageSlideshow() {
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[0], 1);
desc_txt.text = description[0];
picture_num();
slideshow();
}
}
function nextImageSlideshow() {
if (p<(total-1)) {
p++;
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
picture_num();
slideshow();
}
}
}

function picture_num() {
current_pos = p+1;
pos_txt.text = current_pos+" / "+total;
}
function thumbNailScroller() {
// thumbnail code!
this.createEmptyMovieClip("tscroller", 1000);
scroll_speed = 20;
tscroller.onEnterFrame = function() {
if ((this._ymouse>=thumbnail_mc._y) && (this._ymouse<=thumbnail_mc._y+thumbnail_mc._height)) {
if ((this._xmouse>=(hit_right._x-40)) && (thumbnail_mc.hitTest(hit_right))) {
thumbnail_mc._x -= scroll_speed;
} else if ((this._xmouse<=(hit_left._x+40)) && (thumbnail_mc.hitTest(hit_left))) {
thumbnail_mc._x += scroll_speed;
}
} else {
delete tscroller.onEnterFrame;
}
};
}
function thumbnails_fn(k) {
thumbnail_mc.createEmptyMovieClip("t"+k, thumbnail_mc.getNextHighestDepth());
tlistener = new Object();
tlistener.onLoadInit = function(target_mc) {
target_mc._x = hit_left._x+(target_mc._width+5)*k;
target_mc.pictureValue = k;
target_mc.onRelease = function() {
p = this.pictureValue-1;
nextImage();
};
target_mc.onRollOver = function() {
this._alpha = 50;
thumbNailScroller();
};
target_mc.onRollOut = function() {
this._alpha = 100;
};
};
image_mcl = new MovieClipLoader();
image_mcl.addListener(tlistener);
image_mcl.loadClip(thumbnails[k], "thumbnail_mc.t"+k);
}
//////////////////////////////////////////////////////
function slideshow() {
myInterval = setInterval(pause_slideshow, delay);

}
function pause_slideshow() {
clearInterval(myInterval);
if (p == (total-1)) {
p = 0;
firstImageSlideshow();
} else {
nextImageSlideshow();
}
}
Would be soo happy if some one could sort the problem out for me
This is really frustrating..

View Replies ! View Related

HELP - Applying Rollovers To Scotty's Gallery Thumbs...
I have been tryin to correctly apply a rollover and rollout to a modified vs. of "vs3 with thumbs" by Scotty found on this forum.

I'm trying to have them rollover to an _alpha of 100 and then rollOut to 50 which is what they are originally set at. I don't know what I'm doing wrong but when I rollover it stay's at 50 and when I rollOut it goes to 25%! Very frustrating - I've tried adjusting a ton of different things and still no solution!

Such a simple task turns out to be a nightmare to try and figure out. It's been 3 days and I can't figure this out so HOPEFULLY someone here can help.

Here is my files if someone could take a quick look - http://thesavager.com/12oz/gallery.zip

and below is my AS...

Thanks so much in advance!!!

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%2*78;
thb._y = Math.floor(i/2)*78;
}
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 = 50;
this.th_nav["thmb"+i].onRollOver = function() {
this._alpha = 100;
//this.alphaTo(100, 0.2, "linear");
}
this.th_nav["thmb"+i].onRollOut = function(){
this._alpha = 50;
//this.alphaTo(50, 0.2, "linear");
}
}
else {
this.th_nav["thmb"+i].enabled = 0;
this.th_nav["thmb"+i].box._alpha = 100;

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

View Replies ! View Related

Landscape/Portrait Thumbs Not Lining Up In Gallery
Hey guys, I Fiannly got the XML photo gallery the way i want it, but when i tried adding my own pictures/thumbs some of them are vertical as opposed to horizontal. There ends up being a big space in between them, and some overlap each otehr and other ones than that just dont show up at all.

http://www.sunsetpics.net/familypics/Template.swf

Thats what it looks like. ...yeah i know... not to good.

My Question is should i just go into photoshop and put them all on a black 300x200 canvas so theres a black border around it and theyll all be the same image size or is there a way around it.

Fla and XML attached however xml is set up to work local after wthe first 7 which i changed to get the pic from the URL so you can see what im tlaking about.

Nick

View Replies ! View Related

XML Gallery:thumbs In A Grid Problem [renamed]
I found the tutorial on how to create a photo album with thumbnails using XML. However the only thing that i shows me is to create it with a scroller. I made some modifications to thinking I was going to be able to turn it into a grid but everything that I have tried is not working. Can someone please help!!!!!!!!!!1

Code:

function thumbnails_fn (k) {
thumbnail_mc.createEmptyMovieClip ("t" + k, thumbnail_mc.getNextHighestDepth ());
tlistener = new Object ();
tlistener.onLoadInit = function (target_mc) {
target_mc._x = _x + (target_mc._width + 5) * k;
target_mc._y = _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 (thumbnails[k], "thumbnail_mc.t" + k);

View Replies ! View Related

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!

View Replies ! View Related

Xml Gallery /w Thumbs Popup Thickbox Style - Help
Hi all,

First of all I've only registered recently but read a lot of the pages on this forum. It's great!

I've been working with the xml gallery with thumbs to get to a cool flash gallery. A lot worked out for me and I think I came very far. There's just one thing. I want a popup in it. BUT, not just a regular popup; i figured that out as well.
I would like a popup in "Thickbox" style. Don't know if you know it.

With Thickbox ( http://jquery.com/demo/thickbox/ ) you can open a new window with content that seems to float.

I've been trying to get this working with my Flash gallery. Normally you just add a class=thickbox attribute to the link, but in this case it's in actionscript. And that;s the prob. I can't seem to get this to work.

I hope somebody here can give me help with this. Files on a ftp. (it's 900kb)
sebas.lemantle.com/gallery_bon.zip

Cheers
bas

View Replies ! View Related

Scottys Thumbnail Gallery Load Thumbs Within A MC
I recently found scottys gallery thumbnail with colums and and I want to do something to it but im fairly new at making these gallerys I know how to do the scroller gallery thats in the tutorial but thats about it.

My question is in scottys gallery how do I make my thumbnails load inside of a mc instead of drawing a square, I have made a mc called thumbMC and how would I go about making a next and prev btn(I have asl made the buttons for this as well called next_btn & prev_btn) for the thumbnails like for example I want load 10 thumbs and when I click next the nest set of thumbnails pop up.

Any help is greatly appreciated.

Here is the action thats scotty has made for the gallery

ActionScript Code:
cliparray = [];columns = 3;spacex =110spacey=78function 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; } sload() firstImage(); } else { content = "file not loaded!"; }}function drawSquare(clip, depth, colour, x, y, w, h) { var mc = clip.createEmptyMovieClip("clip"+depth, depth); mc._x = x; mc._y = y; mc.lineStyle(); mc.beginFill(colour); mc.lineTo(w, 0); mc.lineTo(w, h); mc.lineTo(0, h); mc.endFill(); return mc;}xmlData = new XML();xmlData.ignoreWhite = true;xmlData.onLoad = loadXML;xmlData.load("images.xml");///////////////////////////////////// listen = new Object();listen.onKeyDown = function() { if (Key.getCode() == Key.LEFT) { prevImage(); } else if (Key.getCode() == Key.RIGHT) { nextImage(); }};Key.addListener(listen);previous_btn.onRelease = function() { prevImage();};next_btn.onRelease = function() { nextImage();};///////////////////////////////////// p = 0;this.onEnterFrame = function() { filesize = picture.getBytesTotal(); loaded = picture.getBytesLoaded(); preloader._visible = true; if (loaded != filesize) { preloader.preload_bar._xscale = 100*loaded/filesize; } else { preloader._visible = false; if (picture._alpha<100) { picture._alpha += 10; } }};function nextImage() { if (p<(total-1)) { p++; if (loaded == filesize) { picture._alpha = 0; picture.loadMovie(image[p], 1); desc_txt.text = description[p]; picture_num(); } }}function prevImage() { if (p>0) { p--; picture._alpha = 0; picture.loadMovie(image[p], 1); desc_txt.text = description[p]; picture_num(); }}function firstImage() { if (loaded == filesize) { picture._alpha = 0; picture.loadMovie(image[0], 1); desc_txt.text = description[0]; picture_num(); }}function picture_num() { current_pos = p+1; pos_txt.text = current_pos+" / "+total;}var ij=0function sload() { for (var i = 0; i<image.length; i++) { var clip = drawSquare(this, i, 0, 0, 0, 104, 71); clip._x =20+ (i%columns)*spacex; clip._y =20+ Math.floor(i/columns)*spacey; var clap =clip.createEmptyMovieClip("tt",1) clap._x = 2 clap._y = 2 cliparray.push(clap); clip.pictureValue =i; clip.onRelease = function() { p = this.pictureValue-1; nextImage(); }; clip.onRollOver = function() { this._alpha = 50; }; clip.onRollOut = function() { this._alpha = 100; }; } startload() }this.createEmptyMovieClip("checker",1000)function checkload() { checker.onEnterFrame = function() { if (cliparray[ij]._width) { delete this.onEnterFrame; if (ij<cliparray.length-1) { ij++; startload(); } } };}function startload() { cliparray[ij].loadMovie(thumbnails[ij]); checkload();}

and also I have attached the fla.

View Replies ! View Related

Help With Xml Photo Gallery Vertical And Horizontal Thumbs
I am looking for help in getting a vertical and horizontal thumbnail scroller to work at the same time, based off of the xml photo gallery tutorial here on kirupa. I'm using FMX04 and I can get one or the other to work but not at the same time. Once I can get them both to work at the same time I would like to make the vertical set load a different set up thumbnails, any advice on that would be much appreciated - I know it will involve editting the xml and hence adding to the xml loading into flash but I'm unclear on that also... on another note, is there an easy way to make the image holder resize to the image, so as to accommodate both vertical and horizontal images without skewing them?

Here's my code (as) so far...

Code:
// start of horizontal code

function loadXMLh(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 = loadXMLh;
xmlData.load("images.xml");
/////////////////////////////////////
listen = new Object();
listen.onKeyDown = function() {

if (Key.getCode() == Key.LEFT) {

prevImage();

} else if (Key.getCode() == Key.RIGHT) {

nextImage();

}

};
Key.addListener(listen);
previous_btn.onRelease = function() {

prevImage();

};
next_btn.onRelease = function() {

nextImage();

};
/////////////////////////////////////
p = 0;
this.onEnterFrame = function() {

filesize = picture.getBytesTotal();
loaded = picture.getBytesLoaded();
preloader._visible = true;
if (loaded != filesize) {

preloader.preload_bar._xscale = 100*loaded/filesize;

} else {

preloader._visible = false;
if (picture._alpha<100) {

picture._alpha += 10;

}

}

};
function nextImage() {

if (p<(total-1)) {

p++;
if (loaded == filesize) {

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

}

}

}
function prevImage() {

if (p>0) {

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

}

}
function firstImage() {

if (loaded == filesize) {

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

}

}
function picture_num() {

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

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

}

};

}

function thumbnails_fn(k) {

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

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

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

};
target_mc.onRollOver = function() {

this._alpha = 50;
thumbNailScroller();

};
target_mc.onRollOut = function() {

this._alpha = 100;

};

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

}

// start of vertical code
/* function loadXMLv(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 = loadXMLv;
xmlData.load("images_v.xml"); */
/////////////////////////////////////
/* listen = new Object();
listen.onKeyDown = function() {
if (Key.getCode() == Key.UP) {
prevImage();
} else if (Key.getCode() == Key.DOWN) {
nextImage();
}
};
Key.addListener(listen);
previous_btn.onRelease = function() {
prevImage();
};
next_btn.onRelease = function() {
nextImage();
}; */
/////////////////////////////////////
/* p = 0;
this.onEnterFrame = function() {
filesize = picture.getBytesTotal();
loaded = picture.getBytesLoaded();
preloader._visible = true;
if (loaded != filesize) {
preloader.preload_bar._xscale = 100*loaded/filesize;
} else {
preloader._visible = false;
if (picture._alpha<100) {
picture._alpha += 10;
}
}
};
function nextImage() {
if (p<(total-1)) {
p++;
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
picture_num();
}
}
}
function prevImage() {
if (p>0) {
p--;
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
picture_num();
}
}
function firstImage() {
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[0], 1);
desc_txt.text = description[0];
picture_num();
}
}
function picture_num() {
current_pos = p+1;
pos_txt.text = current_pos+" / "+total;
} */
function thumbNailScroller2() {
// thumbnail code!
this.createEmptyMovieClip("tscroller2", 1000);
scroll_speed = 10;
tscroller2.onEnterFrame = function() {
if ((_root._xmouse>=thumbnail_mc_v._x) && (_root._xmouse<=thumbnail_mc_v._x+thumbnail_mc_v._width)) {
if ((_root._ymouse>=(hit_down._y-40)) && (thumbnail_mc_v.hitTest(hit_down))) {
thumbnail_mc_v._y -= scroll_speed;
} else if ((_root._ymouse<=(hit_up._y+40)) && (thumbnail_mc_v.hitTest(hit_up))) {
thumbnail_mc_v._y += scroll_speed;
}
} else {
delete tscroller2.onEnterFrame;
}
};
}

// is this line the key to making the vertical and horizontial bars coexist? or do I need to alter my xml and xml loading? IF i change the next line to read thumbnails_fn2 the vertical bars doesn't work and the horizontal one does...
function thumbnails_fn(k) {
thumbnail_mc_v.createEmptyMovieClip("t"+k, thumbnail_mc_v.getNextHighestDepth());
tlistener2 = new Object();
tlistener2.onLoadInit = function(target_mc) {
target_mc._y =(target_mc._height+5)*k;
//trace(target_mc._width+" "+target_mc._parent._rotation)
target_mc.pictureValue = k;
target_mc.onRelease = function() {
p = this.pictureValue-1;
nextImage();
};
target_mc.onRollOver = function() {
this._alpha = 50;
thumbNailScroller2();
};
target_mc.onRollOut = function() {
this._alpha = 100;
};
};
image_mcl = new MovieClipLoader();
image_mcl.addListener(tlistener2);
image_mcl.loadClip(thumbnails[k], "thumbnail_mc_v.t"+k);
}
The files can be viewed/downloaded here...

Thanks!

View Replies ! View Related

Image Gallery: Just Rows And Collums (thumbs)
Hi,
Does anyone know of a image gallery based on just rows and collumns of thumbnails, with no effects or nothing that enlarges the thumbnails?

Basically i'm using thumbs for mouse interaction.

I tried making this based on Kirupas gallery tutorial (just the thumbs), but it was a pain as the onLoadInit function doesn't make sense at all.....

Cheers,

Dave

View Replies ! View Related

XML Gallery With Thumbs - Current Image State?
Hey all,

I am having trouble making some additions to the tutorial found here.

I have the XML gallery with the scrolling thumbnails. I would like to make it so that when you click a thumbnail, not only does the new image load, but the thumbnail you've just clicked shows that that is the current image you're viewing. For example, here is what I have:

1 - all thumbnails load at 25% opacity
2 - on rollover, they go to 50% opacity
3 - on rollout, they go back to 25% opacity.

What I want is that when you click one, it goes to 100% and stays there until you click another.

Here's what I tried:

I made this function

function resetAlpha (){
target_mc.enabled = true;
target_mc.alpha = 25;
}

then in the onRelease for the thumbnails, I have:

target_mc.onRelease = function() {
resetAlpha();
this._alpha = 100;
this.enabled = false;
p = this.pictureValue-1;
nextImage();
}

I thought that by doing this it would reset all the thumbs back to 25% opacity, re-enable all of them, but then disable the one that was just clicked and make it 100% opacity. But what is happening is that none of them are resetting and that when I click them, they all stay 100% and disabled. Is there anyone who can shed some light on this problem? I didn't post all of the source code because you can see it in the tutorial more clearly. I would really appreciate some help if anyone can offer it.

Thanks,
Tom

View Replies ! View Related