[F8] Scrolling Thumbnails - Not Scrolling - Involves Xml

Scrolling Thumbnails - Not Scrolling - Involves Xml
Howdy,
I have been working on a site that will display a portfolio for a friend of mine who is a photographer. I want to have thumbnails that can be scrolled on the bottom of the page, and an area where the thumbnail is presented when selected. I have the thumbnails appearing. I have them loading, however, I can't get them to scroll when the mouse moves to the left or right of the row of images.

The file can be viewed at... http:www.prestigeinteractive.com/anneliephotography

Here is the code I used for the slideshow:


Code:
var slideshow_mc:MovieClip = this;
var image_Array:Array = new Array();
var description_Array:Array = new Array();
var thumbnails_Array:Array = new Array();
var currentPicture:Number = 0;
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild; //here "this" refers to the XML object. This should be okay, I think
total = xmlNode.childNodes.length;

for (i=0; i<total; i++) {
image_Array[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
description_Array[i] = xmlNode.childNodes[i].childNodes[1].firstChild.nodeValue;
thumbnails_Array[i] = xmlNode.childNodes[i].childNodes[2].firstChild.nodeValue;
thumbnails_fn(i);
}

firstImage();

} else {
content = "file not loaded!";
//added this so that it shows in your thumbnails
desc_txt.text = "file not loaded!";
}
}
xmlData = new XML(); //prepare XML object
xmlData.ignoreWhite = true; //tell XML to ignore empties (unnecessary in this application b/c XML is well-formed
xmlData.onLoad = loadXML; //function to load when XML loads.
//I had to change this line to make sure that it's loading from the correct location, because you're loading the
//file from one level up
xmlData.load("./flash_files/images.xml"); //load XML data; when loaded, run loadXML
/////////////////////////////////////
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();
};
/////////////////////////////////////
currentPicture = 0;
slideshow_mc.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 (currentPicture<(total-1)) {
currentPicture++;
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image_Array[currentPicture], 1);
desc_txt.text = description_Array[currentPicture];
picture_num();
}
}
}
function prevImage() {
if (currentPicture>0) {
currentPicture--;
picture._alpha = 0;
picture.loadMovie(image_Array[currentPicture], 1);
desc_txt.text = description_Array[currentPicture];
picture_num();
}
}
function firstImage() {
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image_Array[0], 1);
desc_txt.text = description_Array[0];
picture_num();
}
}
function picture_num() {
current_pos = currentPicture+1;
pos_txt.text = current_pos+" / "+total;
}
//I think I know what this function is doing, but I'm not sure exactly how it works
function thumbNailScroller() {
// thumbnail code!

slideshow_mc.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(thumbnailNumber) {
thumbnail_mc.createEmptyMovieClip("t"+thumbnailNumber, thumbnail_mc.getNextHighestDepth());
tlistener = new Object();

tlistener.onLoadInit = function(target_mc) {

//target_mc is the thumbnail that was just loaded
target_mc._x = hit_left._x+(eval("thumbnail_mc.t"+thumbnailNumber)._width+5)*thumbnailNumber;
target_mc.pictureValue = thumbnailNumber; //here you're assigning a value to the thumbnail object
target_mc.onRelease = function() {
//target_mc is the thumbnail that was just loaded
//"this" should be okay below, but it COULD be problematic, depending on the scope
//when the click is evaluated; here could be a problem area, but I'm not sure
currentPicture = this.pictureValue-1;
nextImage();
};

target_mc.onRollOver = function() {
//target_mc is the thumbnail that was just loaded
//"this" should be okay below, but it COULD be problematic, depending on the scope
//when the click is evaluated; here could be a problem area, but I'm not sure
this._alpha = 50; //here "this" refers to the target_mc MovieClip; it can stay
thumbNailScroller();
};

target_mc.onRollOut = function() {
//"this" should be okay below, but it COULD be problematic, depending on the scope
//when the click is evaluated; here could be a problem area, but I'm not sure
this._alpha = 100;
};
};

image_mcl = new MovieClipLoader();
image_mcl.addListener(tlistener); //listener to see when thumbnail is loaded
image_mcl.loadClip(thumbnails_Array[thumbnailNumber], "thumbnail_mc.t"+thumbnailNumber);
}

Thanks for your help,

Greg

---

Scrolling Thumbnails Not Scrolling Within Parent Fla
yes - yet another question regarding the popular and useful photogallery tutorial.

i've gotten it to work, and gotten the swf loaded into a movie clip in my parent fla - but the scroll feature doesn't seem to work...

any help is greatly appreciated.
thanks
zach

---

Scrolling Thumbnails?
I am working on my portfolio webpage and I was wondering how would I make a small scrolling bar with all my thumnails on it. I already have my thumbnails as buttons so when you roll over them the full size becomes visible on the rest of the screen. But I have so many thumnails I can't fit them all on the page and still have room for the full size pic.

Thanks, any help I'd really appreciate.

Jer
I don't suffer from insanity, I enjoy it.

---

Scrolling Thumbnails
Hey,
Does anyone know of a tutorial for those sideways scrolling thumbnail images that move faster depending on where the mouse is, they stop when the mouse is in the center of the clip?

I want to try something where the thumbnails repeat so that there's an endless stream of images but I haven't even found the first part of my project yet.

Thanks.

---

Scrolling Thumbnails
Hello,
I am trying to develop a nice horizontal scrolling thumbnail viewer,
http://www.dismagwa.com/flashkit/projects.swf

you can see it is sort of working...but not quite.

What I want to happen is for the projects to have some kind of inertia, like the blue arrows. And for the projects to stop exactly in the right place each time they come to the end of the line.

This is the code I have so far, which is attached to the black rectangle.

Thanks in advance.
Kaan.


onClipEvent (enterFrame) {

if (_root.ScrollFlag) {

if (this._xmouse<=0) {
if ((target._x-target._width/2)<=this._x-(this._width/2)) {
target._x -= this._xmouse/9;
}
}
if (this._xmouse>0) {
if ((target._x+target._width/2)>=this._x+(this._width/2)) {
target._x -= this._xmouse/9;
}
}
}
}
on (rollOver) {
_root.ScrollFlag = true;
}
on (rollOut) {
_root.ScrollFlag = false;
}
onClipEvent (load) {
target = _root.projects;
}

---

Scrolling Through Some Thumbnails
hiya all
i have a list of clickable thumbnails that open into enlarged versions. this is all done in a movie clip. what i am now wanting is to be able to scroll up & down (with up and down arrows on the side) my list of thumbnails . they also have to be restricted to inside a set sized box, as they all don't fit on the page and there is text above and below the space i want them contained in.
question is the best way to go about this? is it easy to find a flash component that will do this? is a text scroll bar going to work?? any help would be fab.
thanks
hopefully the attachment gives a visual help

---

Scrolling Thumbnails... Help?
Happy monday.

i'm hoping someone can point me in the right direction...

I've got a bunch of jpegs i'd like to create thumbnails for and then put all together in a scrolling pane. when clicked the image appears in a separate pane, and a caption appears in a dynamic text field.

I can't find any tutorials on this, and i'd appreciate any help...

let me know if this isn't clear enough...

thanks
zach

---

Scrolling Thumbnails
Hi all,

Haven't used flash for a while so I'm a bit rusty, and still using MX.

I'm doing a thumbnail scrolling movie that you see around where the further mouse moves from the center the quicker the movie scrolls. The images are loaded into a thumbs MC which has a mask mc above it and a stroke mc, all of which is contained within a thHolder mc, The movie seems to work fine but if I put the thHolder mc which contains everything in different parts of the stage the scrolling action works differently.

This is the part of the code that controls the thumbnail scrolling, I'm sure the problem is to do with the xDist var and it relating to the stage rather then just the MC containing the thumbnails.



code:

hHolder_mc.thumb_mc.onRollOver = panelOver;
function panelOver() {
this.onEnterFrame = scrollPanel;
delete this.onRollOver;
}
var b = thHolder_mc.stroke_mc.getBounds(_root);
function scrollPanel() {
if (_xmouse<b.xMin || _xmouse>b.xMax || _ymouse<b.yMin || _ymouse>b.yMax) {
this.onRollOver = panelOver;
delete this.onEnterFrame;
}
if (thHolder_mc.thumb_mc._x>=gutter) {
thHolder_mc.thumb_mc._x = gutter;
}
if (thHolder_mc.thumb_mc._x<=thHolder_mc.mask_mc._wid th-thHolder_mc.thumb_mc._width) {
thHolder_mc.thumb_mc._x = thHolder_mc.mask_mc._width-thHolder_mc.thumb_mc._width;
}
var xdist = _xmouse-(thHolder_mc._width/2);

thHolder_mc.thumb_mc._x += -xdist/20;

}




Any help here would be really appreciated.

---

Xml Scrolling Thumbnails
hi everyone,

i need help on how to make a scrolling vertical thumbnails and horizontal thumbnails with xml backend....

the idea is like this http://canamoto.com/
is this possible in flash?....

please let me know....


thanks ahead...

rynzco

---

Scrolling Thumbnails (sim. To This Tut)
I've got something now that works fine, but I'd like one more like this tutorial. I'd just use this tutorial, but i'm having trouble following it because it's using XML while i'm just loading jpeg's directly into a movie clip with the loadMovie script.

Anyways, that's not important. All i'm worried about is the thumbnails. What i did, using a mask to display only a portion of the thumbnails, was put all of them into a mc (vertically, by the way) and assign scroll buttons that move the movie clip up or down. Currently, it's possible for the user to "scroll" infinitely in any direction because I'm not educated enough to set limits. I would be content to live with what i've got, but I'd really like the set-up used in the aforemention tutorial.

Some quick info: all of my thumbnails are in my library and double as buttons to cue the full image to load. All of this stuff works fine, I just need to make them scroll up/down relative to the mouse position I guess. Also, if that's too much trouble, simply a quick suggestion for stopping the mc from scrolling beyond necessity would suffice.

Thanks alot!

-----if that was unclear let me know and I'll attempt to rephrase it. Once again, here's a link to the example:
http://www.kirupa.com/developer/mx2004/thumbnails.htm

---

Scrolling Thumbnails
Semi-new to Flash and trying to make a scrolling thumbnail bar.
The .fla is available here: http://www.nicolemdalton.com/thumbnails.fla
I believe my code should be correct, I followed Lee Brimelow's tutorial (http://www.creativecow.net/articles/...nel/index.html) pretty closely, but my panel doesn't move at all. I have no idea whats wrong with this. I also will be placing this movie clip into another movie, I'm making a flash based portfolio website. I'm running Flash 8 if that matters. Any help would be GREATLY appreciated! Thanks in advance!
~Nicole

---

Scrolling Thumbnails
Hi all,

Haven't used flash for a while so I'm a bit rusty, and still using MX.

I'm doing a thumbnail scrolling movie that you see around where the further mouse moves from the center the quicker the movie scrolls. The images are loaded into a thumbs MC which has a mask mc above it and a stroke mc, all of which is contained within a thHolder mc, The movie seems to work fine but if I put the thHolder mc which contains everything in different parts of the stage the scrolling action works differently.

This is the part of the code that controls the thumbnail scrolling, I'm sure the problem is to do with the xDist var and it relating to the stage rather then just the MC containing the thumbnails.



ActionScript:

hHolder_mc.thumb_mc.onRollOver = panelOver;
function panelOver() {
this.onEnterFrame = scrollPanel;
delete this.onRollOver;
}
var b = thHolder_mc.stroke_mc.getBounds(_root);
function scrollPanel() {
if (_xmouse<b.xMin || _xmouse>b.xMax || _ymouse<b.yMin || _ymouse>b.yMax) {
this.onRollOver = panelOver;
delete this.onEnterFrame;
}
if (thHolder_mc.thumb_mc._x>=gutter) {
thHolder_mc.thumb_mc._x = gutter;
}
if (thHolder_mc.thumb_mc._x<=thHolder_mc.mask_mc._wid th-thHolder_mc.thumb_mc._width) {
thHolder_mc.thumb_mc._x = thHolder_mc.mask_mc._width-thHolder_mc.thumb_mc._width;
}
var xdist = _xmouse-(thHolder_mc._width/2);

thHolder_mc.thumb_mc._x += -xdist/20;

}




Any help here would be really appreciated.

---

Scrolling Thumbnails?
Hello,

i've been searching for hours on how to get the horizontally scrolling thumbnails that open to full size image.

there are many different kinds out there, however the one i'm looking for is the kind that when you click on the right image it brings it to the center instead of auto scrolling as you hover over it.


basically want it to be like the site is, here is an example of exactly what i'm looking for ---->>> http://www.sorenhald.com/


if anyone can help i would be super grateful.

thanks,

t.

---

Scrolling Thumbnails
hi all,
Just hook on to this link http://www.agnona.itand we'll get started with the issue I have

Go to the collection section and see the scrollin thumbnails with a up 'n down arrows. N when u click on thumbnails it loads into the right side.

what i want is to create a gallery like this.

Any help?

Thanks in advance.

Regards,
Soulfly

---

Scrolling Thumbnails
I figured it out.





























Edited: 07/10/2007 at 12:25:36 PM by brandonNC

---

V3 Scrolling Thumbnails
Hi

in a previous thread regarding Scotty's Image Resize Gallery,
i found this file (v3 scrolling thumbnails) which is an AWESOME gallery to have in your site, but since i'm not a flash expert like Scotty and a lot of the guys over here, i wish if some1 can help me in getting this gallery to work in away to automatically view pictures (jumb from picture to another) and display on the main frame, and of course it would be great also if they have the choice to click on a picture later on to view on the main frame...

Your help guys would really be appreciated .......

thank you

---

XML Scrolling Thumbnails PLEASE HELP
PLEASE PLEASE HELP ME!!
ok, so i have a bunch of q's ( maybe only 2) for changing the adding thumbnails tutorial for the XML photogallery.
first, i changed the width of the canvas to be 800X600 and i want the thumbnails to load from the left instead of from the right.
another question is how to maybe make the scroll over instead of the alpha at 50 or something.

Code:
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
fileswf = [];
thumbnails = [];
total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {
fileswf[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
thumbnails[i] = xmlNode.childNodes[i].childNodes[1].firstChild.nodeValue;
thumbnails_fn(i);
}
//firstswf();
} else {
content = "file not loaded!";
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("navbar.xml");
/////////////////////////////////////
/* use left and right keys to cycle through pages
listen = new Object();
listen.onKeyDown = function() {
if (Key.getCode() == Key.LEFT) {
prevswf();
} else if (Key.getCode() == Key.RIGHT) {
nextswf();
}
};
Key.addListener(listen);
previous_btn.onRelease = function() {
prevswf();
};
next_btn.onRelease = function() {
nextswf();
};
*/
/////////////////////////////////////
p = 0;
this.onEnterFrame = function() {
filesize = page.getBytesTotal();
loaded = page.getBytesLoaded();
preloader._visible = true;
if (loaded != filesize) {
preloader.preload_bar._xscale = 100*loaded/filesize;
} else {
preloader._visible = false;
if (page._alpha<100) {
page._alpha += 10;
}
}
};
function nextswf() {
if (p<(total-1)) {
p++;
if (loaded == filesize) {
page._alpha = 0;
page.loadMovie(fileswf[p], 1);
// desc_txt.text = description[p];
// picture_num();
}
}
}
function prevswf() {
if (p>0) {
p--;
page._alpha = 0;
page.loadMovie(fileswf[p], 1);
// desc_txt.text = description[p];
// picture_num();
}
}
/*function firstswf() {
if (loaded == filesize) {
page._alpha = 0;
page.loadMovie(fileswf[0], 1);
// desc_txt.text = description[0];
// picture_num();
}
}
*/
/* function to show picture number out of other number

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.pageValue = k;
target_mc.onRelease = function() {
p = this.pageValue-1;
nextswf();
};
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);
}
let me know if whoever helps needs a screenshot for to see what i mean.

---

Scrolling Thumbnails
Greetings from the new guy.

I'm having a hell of a time trying to figure out how to make my MC (which holds 13 small thumbnails) scroll up and down using AS 3.0.

I have a working version from a previous version of Flash (MX, AS 2.0) which is running live here: http://www.gelia.com/work.html

I'm in the process of updating all the SWF's on the site to AS 3.0.

If you'd care to see the FLA, I can certainly let you have a look. Anyway, thanks in advance for at least looking! ...and no, that is not me in the picture.

Danke!

---

Scrolling Thumbnails
hi im using this for my site but insted of using the whole page im just using the thumbnails.
http://www.kirupa.com/developer/mx2004/thumbnails.htm

my dilemma is this. i want to use the thumbnails once clicked will getURL. Please check attached file. THANKS IN ADVACE!!!

---

AS 2 Thumbnails Scrolling But Not What It Seems PLEASE HELP
Using the Kirupa thumnail xml gallery is there a way to make the thumbnails scroll in sections of 6 or whatever. So when someone hits the left/right hit area it scrolls in to the next 6 so people arn't seeing repeat thumbnails when they go through them.

So basically they hit the right hit area and instead of smoothly scrolling it scrolls by six. And if they hold over it itwould pause and then do it again.

IFf someone could PLEASE HELP ME i would be ever so greatful.

---

Scrolling Thumbnails
Hi, I have found code courtesy of Kirupa.com for scrolling thumbnails - I am trying to use them as thumbnails for video in Flash and I want the user to be able to scroll over and the thumbnails to appear inside a movie clip. The code is;


Code:
// thumbnail code!
function thumbNailScroller() {
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-10)) && (thumbnail_mc.hitTest(hit_right))) {
thumbnail_mc._x -= scroll_speed;
} else if ((_root._xmouse<=200) && (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);
}
this code works great but I want to get this code to control the contents of a movieClip from the root timeline so I can control the Alpha of that movieClip when the user rolls over. i have tried editing the code so the name of the movieclip this is contained in is in front the movieClip on the timeline being called thumbBar- for example;


Code:
thumbBar.thumbnail_mc._x -= scroll_speed;
} else if ((_root._xmouse<=200) && (thumbnail_mc.hitTest(hit_left))) {
but this didn't seem to work

I'm sure this is pretty obvious but I'm stuck, thanks to anyone who can help I'd be eternallyy grateful.

Chris

---

Scrolling Bar For Thumbnails
I am trying to create a scroll bar for a thumbnails gallery. I am able to get it to scroll but when the scroll bar stops it does not stop at the end of the thumbnails. It stops right in the middle. I dont know what else to do. I have attached the AS file for your viewing. PLEASE HELP as this is one of the few things that I have left to finish this project. Thank you.

---

[F8] Scrolling Thumbnails.
Hi-

Thanks for reading this.

I’m having a hard time putting this scrolling thumbnail on the sliding bottom panel. I tried using the same steps when I did the top panel, but this is A LOT more complex.

http://www.roy-trainer.com/HelenNewman/HelenNewman.html

On the main stage I gave the bottom panel an instance name of ‘panelBottom’ and inside of that is an instance name of ‘slideBottom’.

Thumbnail Code:

Code:
/**********import classes**********/
import mx.transitions.*;
import mx.transitions.easing.*;
/**********declare variables and instances**********/
var nextX = 0;
/**********create objects**********/
var xmlPhotos:XML = new XML();
var initThumb:Object = new Object();
/**********handle events**********/
xmlPhotos.onLoad = function() {
for (var i:Number = 0; i<xmlPhotos.firstChild.childNodes.length; i++) {
initThumb.photo = (xmlPhotos.firstChild.childNodes[i].attributes.photo);
initThumb.desc = (xmlPhotos.firstChild.childNodes[i].childNodes[0].firstChild.nodeValue);
makeAThumb(i);
nextX += 100;
}
setInterval(_root,"scroller",50);
};
initThumb.onRollOver = function() {
var moveX = this._x-10;
thumbScaleX = new Tween(this, "_xscale", Bounce.easeOut, this._xscale, 120, .5, true);
thumbPositionX = new Tween(this, "_x", Bounce.easeOut, this._x, moveX, .5, true);
thumbScaleY = new Tween(this, "_yscale", Bounce.easeOut, this._yscale, 120, .5, true);
};

initThumb.onRollOut = function() {
var moveX = this._x+10;
thumbScaleX = new Tween(this, "_xscale", Bounce.easeOut, this._xscale, 100, .5, true);
thumbPositionX = new Tween(this, "_x", Bounce.easeOut, this._x, moveX, .5, true);
thumbScaleY = new Tween(this, "_yscale", Bounce.easeOut, this._yscale, 100, .5, true);
};
initThumb.onRelease = function() {
txtTitle.text = this.photo;
txtDesc.text = this.desc;
mcLargePhoto.loadMovie("images/large/"+this.photo+".png");
};
/**********functions**********/
function makeAThumb(num) {
thumbName = "mcThumb"+num;
mcScroller.attachMovie("thumb",thumbName,num,initThumb);
mcScroller[thumbName].mcPhoto.loadMovie("images/thumbs/"+mcScroller[thumbName].photo+".png");
mcScroller[thumbName]._x = nextX;
mcScroller[thumbName]._y = 0;
mcScroller[thumbName]._xscale = 100;
mcScroller[thumbName]._yscale = 100;
}
function scroller() {
//if (this._ymouse>mcScroller._y) {
var scrollSpeed = (this._xmouse-Stage.width/2)/15;
if (Math.abs(scrollSpeed)<1) {
scrollSpeed = 0;
}
mcScroller._x -= scrollSpeed;
if (mcScroller._x>0) {
mcScroller._x = 0;
} else if (mcScroller._x<Stage.width-mcScroller._width) {
mcScroller._x = Stage.width-mcScroller._width;
}
}
/**********set properties**********/
xmlPhotos.ignoreWhite = true;
/**********run now**********/
xmlPhotos.load("photos.xml");
this.createEmptyMovieClip("mcScroller",this.getNextHighestDepth());
mcScroller._x = 60;
mcScroller._y = 485;

---

Thumbnails Scrolling
I would like to know how to do a thumbnails scrolling bar, please go here to know exactly what i mean.

http://www.xmotional.com/xmotional.htm

What i need to know is how to, and the action script.

I will apreciate your help.

Gill

---

Scrolling XML Thumbnails
Hey:

I am trying to dynamically load thumbnails from xml to a scrollpane. In order for the scrollpane to work correctly, it needs the final height. Since the thumbnails are loading one at a time, i'd have to wait until all of them are loaded to activate the scrolling. What i would like to do is activate the scrolling and set up an enterFrame that keeps recalculating the height until the final height is reached. My only question is what would i test the if statement in the enterFrame against?

Any help with would be appreciated.

Thanks

---

Scrolling Thumbnails
Hello all.

I just did the tutorial for the scrolling thumbnails and I did everyhting just like Lee, but I have 25 pictures instead. For some reason my scrolling is very choppy and not smooth, and I also want to have the images (once clicked) reveal full frame images below. Can anyone help me with this, I can post the fla somewhere if need be. Thanks in advance! Jeffro

---

SCROLLING With Thumbnails?
What I want to do is build a "scroller" that does thumbnails. NOT TEXT. I have used the flash component and it works great. But I would like to create the arrows and scrollbar myself.

Does anyone know of a tutorial or of how to go about doing this without the flash "scrollpane" component???

Thank you everyone!

---

Scrolling Thumbnails Using Flash....
I want to put my portfolio on my
site, but would like to have
thumbnails that scroll and when
clicked on, the scroll stops and
a window with the image pops up.
How can I make one in Flash, without
it getting too complicated?

Thanks
Melissa

---

Scrolling Picture Thumbnails
Is there a good tutorial for creating a moving scrollbar with picture thumbnails to display a larger photo above when clicked or moused-over. I'm a self-taught Flash MX user and still learning.

Thanks
Jim
jim@jimwalent.com

---

Scrolling Thumbnails Problem
I have an XML file that generates a series of thumbnails in a movie clip. What I want to do is get lets say 100 thumbnails under a mask and have it scroll from right to left with buttons. Obviously the user can click on the thumbnail and view a picture below.

I can get the series of thumbnails to appear in a straight line from left to right. I can get the buttons to work to scroll another non XML movie clip under the mask. What I can't do is get the series of thumbnails to scroll under the mask. Can anyone help me with this?

---

Newbie Needs Help With Scrolling Thumbnails
Hola,

I'm a newbie to both Flash and ActionScript. I'm trying to revamp the portfolio section of my company's web site. We want it to look and function almost identical to this:

http://www.cogneato.com/portfolio/

Obviously, we're going to use our own colors and style to the file, but we want it to scroll left and right via buttons, have clickable thumbnails that enlarge in a separate pane, and have the motion speed be just like the above sample.

I've scoured numerous forums and Flash-dedicated sites, but none of them seem to have a solution for the above method. I realize that all one has to do is extrapolate from the numerous examples out there to get something like the above sample, but as I said, I'm a newbie and my Flash and ActionScript skills are rudimentary.

Can someone show me how to achieve this effect, or at least where I can go to read or download information that will allow me to get this exact scrolling thumbnail gallery?

---

Scrolling Thumbnails Horizontally
I have been through a bunch of tutorials but I can't find one that works. On the main timeline I have button 'left' and button 'right' along with 'imagesMC'. When left or right is pressed I need it to scroll 'imagesMC' left/right. Can someone help? Thanks!

---

Flash MX And Scrolling Thumbnails
hi there,

i'm creating a photo gallery and have thumbnails aligned vertically which i would like to scroll horizontally. the thumbnails have been converted to buttons so that, when clicked, reveal the larger image (using the visibility property). i also have the thumbnails masked so as to expose only three thumbs at a time, but i want to be able to have the additional thumbs scroll into view, preferably either with or without having the use of a visible button.

i would be eternally grateful to anyone who can suggest the best and least complicated way to achieve this result. an example of what i want to achieve is here......www.caboom.ie (e.g. click on tv commercials > 2D animation.

thanks so much !

rgds

qmeister

---

Scrolling Vertical Thumbnails?
I have 15 - 20 images that I would like to use vertically. My hope is to have the up/down direction of the thumbnails scroll upon the user's mouse movement. These will only be thumbnails and will not need to show the actual images.

Is there any snippets or tutorials on how to accomplish this?

---

Scrolling Thumbnails With Mouse
Hello everyone,

I followed a tutorial over at gotoandlearn.com regarding scrolling thumbnails with the mouse pointer. Everything is working fine except the thumbnails are not stopping at the left and right x position that I have set. I'm tracing the x position of the thumbnail MC and it's showing that it's not changing, but the MC is definitely still moving. The code I'm using is:


Code:
panel.onRollOver = panelOver;

function panelOver(){
this.onEnterFrame = scrollPanel;
delete this.onRollOver;
}

var b = stroke.getBounds(_root);

function scrollPanel(){
if(_xmouse < b.xMin || _xmouse > b.xMax || _ymouse < b.yMin || _ymouse > b.yMax){
this.onRollOver = panelOver;
delete this.onEnterFrame;
}

if(panel._x >= 32){
panel._x = 32;
}

if(panel._x <= -199){
panel._x = -199;
}

trace(panel._x)

var xdist = _xmouse - 300;

panel._x += -xdist / 7;

}
Which is just Lee Brimelow's code. I'm attaching the .fla as well, if anyone wouldn't mind taking a look at it.

Thanks for any suggestions.

---

Scrolling Xml Loaded Thumbnails
hi

i have designed a dynamic gallery that loads images via XML using the following coding


Code:
var x_xml = new XML();
x_xml.ignoreWhite = true;

x_xml.onLoad = function(success){
if (success) GeneratePortfolio(this);
else
trace("Error loading XML file");
}

x_xml.load("talkphotography.xml");

var thumb_spacing = 81;

function GeneratePortfolio(x_xml){
var portfolioPictures = x_xml.firstChild.childNodes;
mainImage.image_mc.loadMovie(portfolioPictures[0].attributes.image);

for (var i = 0; i < portfolioPictures.length; i++){
var currentPicture = portfolioPictures[i];

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

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

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

currentThumb_mc.onRelease = function(){
mcl.loadClip(this.image, mainImage.image2_mc);
}

}
}

var mcl:MovieClipLoader = new MovieClipLoader();

var mclL:Object = new Objext();

mclL.onLoadInit = function(){
TransitionManager.start(mainImage.image_mc, dissolving);
}

mcl.addListener(mclL);

mcl.loadClip(this.image, mainImage.image2_mc);


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

var dissolving = {
type: PixelDissolve,
direction: 0,
duration: 6,
xSections: 20,
ySections: 20,
easing: Regular.easeInOut,
numStrips: 20,
dimension: 1
};
i have to be able to scroll the thumbnails loadeding into menu_mc with back and next buttons.

i am not sure how i would do this any advise.

would i just move the menu_mc x coordanate. with menu_mc._x =

thanks

Lee

---

[F8] GetURL From XML Scrolling Thumbnails?
Hi,

I followed the XML thumbnail gallery tutorial on Oman3D (http://www.oman3d.com/tutorials/flas...lery/index.php) and was able to complete it successfully. However, instead of it calling a full image on thumbnail click, I want it to getURL and launch my SWFs in the XML. I think I need to slightly alter the callFullImages function from the tutorial but not sure. Any thoughts? Thanks
*myImages[myNumber].attributes.full_url is already equal to my SWFs in the XML


PHP Code:




function callThumbs() {

_root.createEmptyMovieClip("container_mc",_root.getNextHighestDepth());
container_mc._x = _root.gallery_x;
container_mc._y = _root.gallery_y;

var clipLoader = new MovieClipLoader();
var preloader = new Object();
clipLoader.addListener(preloader);

for (i=0; i<_root.myImagesTotal; i++) {

thumbURL = myImages[i].attributes.thumb_url;
myThumb_mc = container_mc.createEmptyMovieClip(i, container_mc.getNextHighestDepth() );
myThumb_mc._y = _root.thumb_height*i;
clipLoader.loadClip("thumbs/"+thumbURL,myThumb_mc);

preloader.onLoadComplete=function(target){
target.onRelease=function(){
callFullImage(this._name);
}
}

}
}

function callFullImage(myNumber) {

myURL = myImages[myNumber].attributes.full_url;
_root.createEmptyMovieClip("fullImage_mc",_root.getNextHighestDepth());
fullImage_mc._x = _root.full_x;
fullImage_mc._y = _root.full_y;

var fullClipLoader = new MovieClipLoader();
fullClipLoader.loadClip("full_images/"+myURL,fullImage_mc);

}

---

2 Scrolling Thumbnails At The Same Time
I watched a video on youtube.com about how to make scrolling thumbnails with mouse control. http://www.youtube.com/watch?v=2TrIQqu2MkU

Now it did work, BUT I want 2 scrolling thumbnails on the same stage/page but to work separately.

Now I put them on the same stage but either the top row of thumbnails will work or the the bottom row will work depending on how i change the variables in the code.

Here's my Code:
_root.onEnterFrame = function() {
if(_root._ymouse>281){
myVar=false;
}
if(_root._ymouse<280){
myVar=true;
}
if(_root._xmouse<50 and myVar==true){
imgBar.prevFrame();
}
if(_root._xmouse>750 and myVar==true){
imgBar.nextFrame();
}
if(_root._xmouse>50 && _root._xmouse<750 && myVar==true){
imgBar.stop();
}

}

_root.onEnterFrame = function() {
if(_root._ymouse<299){
myVar=false;
}
if(_root._ymouse>300){
myVar=true;
}
if(_root._xmouse<50 and myVar==true){
imgBarr.prevFrame();
}
if(_root._xmouse>750 and myVar==true){
imgBarr.nextFrame();
}
if(_root._xmouse>50 && _root._xmouse<750 && myVar==true){
imgBarr.stop();

}

}

Somehow one is canceling the other one out. My two scrolling bars are movie clips and 15 buttons inside each. PLEASE SOMEONE HELP ME.

---

Scrolling Thumbnails Query
I'm struggling to figure out some simple AS 2.0 using Flash 8.
I have a thumbnail gallery which I have set up to scroll onto the stage and have successfully scripted the images to load in from server etc.

What I need to know is the correct Actionscript to apply to a left button & right button, so that the thumbnail gallery will scroll left or right(seeing as the length of the gallery is quite long and most of it is off stage). I have the whole thumbnail gallery saved as a movieclip with an instance name 'scrollingclip'.

(I'm quite new to actionscript. I know this is a simple solution)

Any help would be greatly appreciated.

---

Cool Scrolling Thumbnails And XML
i am trying to get some thumbnails loaded where the squares are:

http://www.depulpo.com/scrollTest/scrollTest1.swf

the thumbnails i want loaded are positioned diagonally... however i want them to be loaded randomly in the place of the white boxes. that way the thumbnails are on different layers and the user can scroll through them.

here is my code:


Code:
//define number of layer.
var layer = 10;
//number of items in a layer
var items = 25;
//create the bg that holds the layers
this.createEmptyMovieClip("bgHolder", this.getNextHighestDepth());
//this function will update the layers current position
function updateMovies() {
//easingStrenth
d = 10;
this.x = _root._xmouse;
this.y = _root._ymouse;
//get the linear relation fo x.
var coef = (Stage.width-this._width)/Stage.width;
//update x with easing.
this._x -= (this._x-coef*this.x)/d;
//get the linear relation fo y.
coef = (Stage.height-this._height)/Stage.height;
//update y with easing.
this._y -= (this._y-coef*this.y)/d;
}
//init function for the layers
function init() {
for (i=0; i<layer; i++) {
//create a layer
temp = this.bgHolder.createEmptyMovieClip("bg"+i, this.bgHolder.getNextHighestDepth());
depth = temp.getNextHighestDepth();
//create a virtual bag for the layer to define it height and width.
virtual_mc = temp.attachMovie("virtual", "virtual"+depth, depth, {_visible:false, _width:(i+2)*Stage.width, _height:(i+2)*Stage.height});
//put the items into the layer
for (j=0; j<items; j++) {
depth = temp.getNextHighestDepth();
//attach an item
temp1 = temp.attachMovie("float1", "float1"+depth, depth);
//position it randomly in the current layer
temp1._x = Math.random()*(i+2)*Stage.width;
temp1._y = Math.random()*(i+2)*Stage.height;
//scale it randomly
rand = Math.random();
temp1._xscale *= .5+rand;
temp1._yscale *= .5+rand;
//put is opacity randomly
temp1._alpha = random(80)+20;
}
//each layer share the same updating function.
temp.onEnterFrame = this.updateMovies;
}
}
init();

//load thumbnails from xml and display images
myPhoto = new XML();
myPhoto.ignoreWhite = true;
myPhoto.onLoad = function(success) {
numimages = this.firstChild.childNodes.length;
spacing = 100;//The Spacing between the Thumb nails
for (i=0; i<numimages; i++) {
this.picHolder = this.firstChild.childNodes[i];
this.thumbHolder = imageSlider_mc.createEmptyMovieClip("thumbnail"+i, i);
this.thumbHolder._x = i*spacing;//change the _x to _y for vertical
this.thumbHolder._y = i*spacing;
this.thumbLoader = this.thumbHolder.createEmptyMovieClip("thumbnail_image", 0);
this.thumbLoader.loadMovie(this.picHolder.attributes.thmb);
this.thumbHolder.title = this.picHolder.attributes.title;
//this.thumbHolder.main = this.picHolder.attributes.main;
this.thumbHolder.lien = this.picHolder.attributes.lien;
this.thumbHolder.onRelease = function() {
getURL(this.lien,"_blank");
//loader.loadMovie(this.main);
//title_txt.text = this.main;
};
}
};
myPhoto.load("xmlphoto.xml");
all files zipped:
http://www.depulpo.com/scrollTest.zip

thanks to anyone and everyone for attempting to help...

---

Help On Scrolling And Scaling Thumbnails
I want to make a thumnail-scroller for my new web-page. I really love the effect seen in the link below, where the thumnails scales as a function of the distance to the mouse-pointer.

http://www.flashtemplate.us/xmlswfdemo/cl3b/index.html

Do any of you guys or girs have any tips on how to implement it, or have seen such a code anywhere?

My idea was to make a MC (tmb_layer_mc) containing the different thumbnails (tmb1, tmb2, ...), and make a function called scaleMe() which all the thumbnails are supposed to call to get their new size.
I think I'm on the right way, but I can't get it to work the way I want.

---

Drag - Scrolling Thumbnails
Ok, scrolling thumbnails. For a gallery. The thumbnails move, thats the good part. They even move back and forth correctly.

I want variable speed for the reel_speed. The farther to the right of the Movie Clip, the faster the clip moves to the left and v.s..

The other thing is I would like to have the clip stop animation when the mouse is in the MovieClip area. In addition, I have a mask that has the boundry information if there is no event that is triggered when the mouse enters the movieclip.



ActionScript Code:
var slide_num = _root.numImg;
var slide_count;
var const_reel_speed = 2;
var reel_speed;


if (isNaN(reel_speed)) {
    reel_speed = const_reel_speed; //assign start speed
}
xmousepos1 = _root._xmouse;
ymousepos1 = _root._ymouse;
if (xmousepos1>xmousepos2 && ymousepos1>350 && ymousepos1<400) {
    reel_speed = Math.max(reel_speed*.02,0); //slow down by some %
    trace(reel_speed);
    moveRight(reel_speed);
}
if (xmousepos1<xmousepos2 && ymousepos1>350 && ymousepos1<400) {
    reel_speed = Math.min(reel_speed/2,0); //slow down by some %
    moveLeft(reel_speed); //assign reel speed
}
if (ymousepos1<0 || ymousepos1>0) {
    //moveRight(const_reel_speed);
}

More description: The MAIN clip has THUMBNAILS inside (each are animated seperate using "for" loop), the speed of the animation is controlled by the variable: reel_speed.

The MAIN clip was created dynamicly as was the THUMBNAILS.
The MAIN clip is a duplicate of the stage movie clip by using: duplicateMovieClip();

This is so all the code from the original stage MovieClip can control the thumbnails movement. This part works fine.

Now, once all that is done. We get into the code in the STAGE or the MAIN clip. That's what you see above.

Sorry about all the information, I just wanted to be very descriptive. And yes, I have been searching the forumns and google. The tutorials on this site are awsome and they have help dramaticly up to this point.

I feel I am very close to finished and would greatly appretiate any help.

Regards,

---

Slowing Down Scrolling Thumbnails
Hello everyone,

I've put together one of those great masked scrolling thumbnail panels by working through a tutorial. I'd like to slow it down a bit, could someone suggest how this is done. Here's the code:

panel.onRollOver = panelOver;

function panelOver() {
this.onEnterFrame = scrollPanel;
delete this.onRollOver;
}

var b = stroke.getBounds(_root);

function scrollPanel() {
if(_xmouse<b.xMin || _xmouse>b.xMax || _ymouse<b.yMin || _ymouse>b.yMax) {
this.onRollOver = panelOver;
delete this.onEnterFrame;
}

if(panel._y >= 60) {
panel._y = 60;
}

if(panel._y <= -1000) {
panel._y = -1000;
}

var xdist = _ymouse - 250;

panel._y += Math.round(-xdist / 7);
}

Thanks.

Darren.







Attach Code

panel.onRollOver = panelOver;

function panelOver() {
this.onEnterFrame = scrollPanel;
delete this.onRollOver;
}

var b = stroke.getBounds(_root);

function scrollPanel() {
if(_xmouse<b.xMin || _xmouse>b.xMax || _ymouse<b.yMin || _ymouse>b.yMax) {
this.onRollOver = panelOver;
delete this.onEnterFrame;
}

if(panel._y >= 60) {
panel._y = 60;
}

if(panel._y <= -1000) {
panel._y = -1000;
}

var xdist = _ymouse - 250;

panel._y += Math.round(-xdist / 7);
}

---

Scrolling Thumbnails Error
hi, im making a web page for some guy who wants thumbnails in a scrollbar underneath so you can scroll through them and click on one and it appears bigger above it. I have pretty much got it all down except when you click on one it appears in the top left corner of the web page and i cant seem to find where in the code or the page to change it. I will be willing to send out the code if your willing to help me out.



Thanks PLZ RESPOND SOON!

---

Newbie Needs Help With Scrolling Thumbnails
Hola,

I'm a newbie to both Flash and ActionScript. I'm trying to revamp the portfolio section of my company's web site. We want it to look and function almost identical to this:

http://www.cogneato.com/portfolio/

Obviously, we're going to use our own colors and style to the file, but we want it to scroll left and right via buttons, have clickable thumbnails that enlarge in a separate pane, and have the motion speed be just like the above sample.

I've scoured numerous forums and Flash-dedicated sites, but none of them seem to have a solution for the above method. I realize that all one has to do is extrapolate from the numerous examples out there to get something like the above sample, but as I said, I'm a newbie and my Flash and ActionScript skills are rudimentary.

Can someone show me how to achieve this effect, or at least where I can go to read or download information that will allow me to get this exact scrolling thumbnail gallery?

---

XML Scrolling Thumbnails Not Working?
Hello all,

I have created an XML photo gallery with thumbnails that by it self works perfectly, the thumbnails scroll by placing your mouse over hit points as described in one of the great tutorials on this site.

My problem is i have 5 different photo galleries that i have saved as SWF files that load once a user clicks on the appropriate link. When this happens though the hit pointers move about 15cm to the left? So to scroll through them to the left your mouse needs to be at the far left of the screen, but the far thumbnails are in the middle of the screen?

---

Relative Scrolling Thumbnails
I want to create a masked row of thumbnails, to move relative to the position of the mouse (horizontally) to create a picture menu of sorts, i've seen this be done a million times on sites...but i cant figure it out.
can anyone help me or direct me to a cohesive tutorial?
thanks

---

Scrolling Thumbnails Not Aligned
Have been looking at this tutorial, but can't figure out why it always starts slightly indented from the left. However once you scroll across then back again the starting thumb will be in the correct position. Anyone have any fixes for this?

---

Scrolling Thumbnails Continously
HI!!... I used the kirupa tutorial for my photo gallery...but how can I make the thumbnails scroll continously?

---