Sliding Rollover Info Panels: AS 3.0 Tutorial!

IF YOU ENJOYED(OR NOT) THE VIDEO PLEASE RATE AND COMMENT!

Check out this video in Hi-Res here: http://www.tutvid.com/tutorials/flash/tutorials/slideOutInfoPanels.php

Well now in addition to your flash master piece you can now add this rollover panel which pops up and displays the info of your choice, matter of fact do a little duplicating and changing a few instance names and that panel can become those panels. Very easy to do, just don't get lost in the small maze of instance names. Follow along with me as I create Information Scroll or Pop up panels in Flash CS4! NOTE: Flash CS3 is more than adequate for this tutorial as we are using Actionscript 3.0, nothing is CS4 specific, just a few interface differences and you are good.

Category:

Education

Tags:

• Adobe
• Flash
• CS4
• Training
• Tutorial
• Information
• Scroll
• Scroller
• Bar
• Panel
• Palette
• Functions
• Listeners
• addEventListener

[iDippy]

You are uploading in High Quality now?

[tutvid]

Actually by accident, but I was playing with a different video codec(you may notice what look like dots covering any shape I selected, still working on that one :D) and I changed a few export settings, I was going to go for the HD, but the file sizes were beyond the 100MB limit and beyond any reasonable size, but for now I will settle with high quality as it kills some of the blurriness. Thanks for asking!

[KORNdog1986]

thanks for this. really appreciate it. just a quick question, im currently using your tutorial titled "Flash Tutorial :::: Create a Photo Gallery and Thumbnails!" which i believe uses AS 2.0. if i follow this tutorial would it still work?, even though this uses AS 3.0? are they compatible?

[tutvid]

No, not really there are things in the video you mention which are not there in AS3, and mixing versions of actionscript is not really possible.

[saucygal87]

could u please put up how to make that gallery

[utsukusih]

thank you!! Will you have a video later, showing how to make the gallery images roll out like that?

[myidbdis]

Have you ever posted how to create the gallery you are starting with? Each photo is an individual movie clip, and it would be nice to see how the photo's are masked or unmasked to create this effect.

[WakingAspin]

So if you wanted to turn these into links, how would you do that?

[blakiplops]

@tutvid is this possible to do now without flash at all using CSS3 and HTML5? I'm trying to add this panel to my site but am a bit baffled as to how.

[KiMmYQiU]

panel_mc.panelInner_mc.popUp_b­tn.addEventListener(MouseEvent­.ROLL_OVER,rollF);

function rollF(event:MouseEvent):void{ if (panel_mc.currentFrame <<2){  panel_mc.play(); } else{ panel_mc.gotoAndPlay(20); }

}

[majaignaczewska]

wow!you are mu guru,tutvid!

[AudioBlogger]

This is a fantastic demo. Great job! Just one quick question. The window pops up when I roll over in any direction, but only retracts when I roll up. If I roll left, right or down when the info panel window is up in the scene, it is unresponsive and won't retract. Any ideas?

[Dubaifreak]

Wish I understood ...?

[Dubaifreak]

Sweet Quality!