Scrolling Thumbnail Panel : Adobe Flash Tutorial

A Creativecow.net Flash Tutorial

Lee Brimelow
Stanford University
San Francisco Bay Area, California

©Lee Brimelow and Creativecow.net. All rights are reserved.

Article Focus:
In this tutorial, Lee Brimelow explains how to create a scrolling panel of thumbnails that is controlled via the mouse position.

Please visit the forums or read other articles at Creativecow.net if you found this page from a direct link.

Comments

I think this uses ActionScript 2 code
by Joe Grzeskowiak on Jun 20, 2009

I'm pretty sure this uses some Actionscript 2 code. You will need to save it as an actionscript 2 file for it to work. I'm not sure how to update this code for Actionscript 3.

Best

Ok, how do I followed along
by King Madahda on Jun 3, 2009

Ok, how do I followed along and got everything to work fine in that movie...but how do I implement this into another movie. I'm trying to use this as my navigation menu to load another movie into an empty movie clip. My dilema is how do I put this scroll into another movie clip, or even can you. I put the actionscript on the first frame of the Scene 1 layer (just like in the tutorial) and it does nothing. I went into the movie clip and did the same, and it did nothing...my email is on file, feel free to get back to me, thanks.

as3?
by Jason Ely on May 4, 2009

What action script is this in? I am in as3 in CS3 and I cannot get this to work. Can someone please post the as code so I can copy and paste so I know that I am not entering something wrong. If I can get this to work it will be the coolest thing ever.

Scrolling Thumbnail Panel
by Raymond Tuquero on Oct 27, 2008

I have the same problem where the panel will not pan ... hmmm ... I checked all the script and still doesn't seem to pan ... I have Flash CS3 ... hints to help?

Scrolling Thumbnail Panel
by Drew on Sep 11, 2008

Is there something in Flash 8 that would keep this tutorial from working? I've run through it multiple times and can not get it to scroll. Any thoughts?

Scrolling Thumbnail Panel
by Sal McAllister on May 6, 2008

Hello everyone, I'm a newbie.

I know this sounds very simple, but how do you get the buttons to navigate to a url when you click on them?

Scrolling Thumbnail Panel
by Alex Martin on May 3, 2008

Hello,
I have a bar miniatures passing from side to side of the screen.
What code i put for when I move the mouse over the bar this stand?
Help please.
Thank you.

Scrolling Thumbnail Panel
by cricket reichenberger on Apr 14, 2008

as mentioned previously...great tutorial. i wanted a vertical scrolling panel (seems simple enough), but for some reason, i cannot get it to work. i have included the code. does anyone have any idea what is wrong? thanks - cricket


panel.onRollOver = panelOver;



function panelOver() 

	{

		this.onEnterFrame = scrollPanel;

		delete this.onRollOver; //allows instances within the panel to receive button clips

	}



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 >=	21.3)

{panel._y = 21.3;}

	

if (panel._y <=	-982.7)

{panel._y = -982.7;}

	

	

var ydist = _ymouse - 400;

panel._y += -ydist / 7; //speed of panel larger = slower, smaller number = faster

- AHHHHH i forgot some brackets.

Scrolling Thumbnail Panel
by Betillo Orga on Jan 27, 2008

ok nevermind... just figured out to put

on (press) {
_root.gotoAndStop("poster")
}

on each button inside the "panel"

thanks anyway

Scrolling Thumbnail Panel
by Betillo Orga on Jan 27, 2008

hey there, great tutorial. i just have one problem which im sure is the dumbest thing. everything worked perfectly but when trying to make the thumbnail call out a lrger image, nothing seems to happen.
What I did is put inside the "panel" movieclip the A.script.

on (press) {gotoAndStop (5)
}

any suggestions?