Creative COW SIGN IN :: SPONSORS :: ABOUT US :: CONTACT US
LIBRARY: TutorialsVideo TutorialsReviewsInterviewsEditorialsFeaturesBusinessAuthorsRSS FeedTraining DVDs

Scrolling Thumbnail Panel

Creative COW RSS Tutorials Feed
COW Library : Lee Brimelow : Scrolling Thumbnail Panel
Scrolling Thumbnail Panel
A Creativecow.net Flash Tutorial


Scrolling Thumbnail Panel

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.



Flash Video Tutorial



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

  Adobe Flash Tutorials   •   Adobe Flash ForumAdd Comment
Comments

Scrolling Thumbnail Panel by Lee Brimelow AS2
by Nancy Closson on Nov 5, 2009
I tried many tutorials and this one worked for me. As for the post about opening a new window my code here worked on the buttons/thumbs:

on (release) {
getURL("javascript:window.open('urladdress','test','width=450,height=300');void(0);") ;

}

You have to attach to the individual button not the whole panel.

My only problem right now is the original flash thumbs disappear when that window appears.

the test site:

http://riverbedtheatre.com/riverbed.html
How do you mak the scrolling stop when the mouse leaves the frame
by jeff frank on Oct 30, 2009
I have a portfolio and would like the user to be able to move the mouse out of the frame and have the scrolling stop. upon re-entering the frame scrolling picks up where it left off. otherwise this is the perfect scroller for my use.
Adding getURL's to buttons
by Rachel Tight on Aug 27, 2009
Sorry did anyone answer the question on how to go to a url if you click a button in this?

Also is there any way to update this actionscript to 3.0?
Portfolio Site
by Dolores Lin on Aug 7, 2009
Hi, I'm kind of new at this so please help!

I'm trying to make a portfolio site so that the thumbnails open a larger image (on a different frame). From this tutorial, I can get the thumbnails to scroll and everything but I can't get each thumbnail to act as a button to open the larger image. The only thing I could think of was to put the action script on the thumbnail while editing the panel movieclip but it didn't work.

Any suggestions? I really need help!
the folder set up
by jon thornton on Jul 4, 2009
I'm immediatelt lost. I can't figure out how the bitmap and thumbnail folders were set up. Are the bitmaps coverted to symbols before the stroke is added? or is the stroke part of the same symbol as the bitmap? or perhaps the stroke is its own symbol. That's what I'm missing. I don't understand what objects comprise the on and over states, Is the on state just a stroke symbol, applied to a bitmap graphic? or are they both a single symbol?

I'd like to get on to some of the meatier problems everyone is having but I'm sinking in the harbor.

SOS

Jon
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.
cow starcow starcow star
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?
cow starcow starcow starcow starcow star
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
cow starcow starcow starcow starcow star
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?



Related Articles / Tutorials:
Simple Multi-Video Player in AS3Simple Multi-Video Player in AS3
Adobe Flash Tutorial, Video Tutorial
Simple Multi-Video Player in AS2Simple Multi-Video Player in AS2
Adobe Flash Tutorial, Video Tutorial
Flash CS3 Professional Video Studio TechniquesFlash CS3 Professional Video Studio Techniques
Adobe Flash Review
Simple pause and play AS2 script in FlashSimple pause and play AS2 script in Flash
Adobe Flash Tutorial, Video Tutorial
Simple Text Animation in FlashSimple Text Animation in Flash
Adobe Flash Tutorial, Video Tutorial
Creating Self-Writing Text in FlashCreating Self-Writing Text in Flash
Adobe Flash Tutorial, Video Tutorial
Build A Basic Site Using AS3 in FlashBuild A Basic Site Using AS3 in Flash
Adobe Flash Tutorial, Video Tutorial
Action Safe:Title Safe TemplateAction Safe:Title Safe Template
Adobe Flash Tutorial, Video Tutorial
A Rainy Cityscape in Flash pt.3A Rainy Cityscape in Flash pt.3
Adobe Flash Tutorial, Video Tutorial
A Rainy Cityscape in Flash pt.2A Rainy Cityscape in Flash pt.2
Adobe Flash Tutorial, Video Tutorial
MORE


FORUMSTUTORIALSMAGAZINETRAININGVIDEOS - REELSPODCASTSEVENTSSERVICESNEWSLETTERNEWSBLOGS

© CreativeCOW.net All rights are reserved.

[Top]