ActionScript 2.0 :: Using Scroll Effect For Thumbnails In Flash Portfolio
Jan 2, 2010
I really want to use this panning/scrolling effect for some thumbnails in a flash portfolio. My only problem is it's AS3 and I'm using Flash 8 (AS2). I've tried re-working the code, but with no luck. It's the EventListener that is confusing me!
Code:
var verticalCenter:Number = stage.stageHeight / 2;
var limit:Number = stage.stageHeight - content_mc.height;
var speed:Number = 0.1;
var scrollY:Number = 0;
addEventListener(Event.ENTER_FRAME, scrollContent);
function scrollContent(e:Event):void {
scrollY = - speed * ( mouseY - verticalCenter );
content_mc.y+= scrollY;
if (content_mc.y>0) { content_mc.y= 0;}
else if (content_mc.y< limit) { content_mc.y= limit; }}
I have forged senoculars XML Portfolio into a site, one thing I need to add to make me (and my boss) happy is a scroll function to the thumbs at the bottom. I have everything working super cool except for the scroll, my boss is starting to get antsy in the pantsy..I am not awesome at AS, But know enough to implement any suggestions you might have.the effect i am trying to get is similar to the XML gallery with thumbs mousover effect, accept with a little bit o' easing.The XML is set up differently, so I don't know if I can gut the one and implement it in the other...
Haven't been here for a while and I'm really rusty using Flash. I looking for a tutorial or some information on how to scroll thumbnails by scrolling the mouse left or right over the thumbnails.
I'm working on building a personal portfolio site right now. I wanted to add a scroll feature to one the pages. I wasn't sure how to build it, so I down loaded one off here [URL] and just plugged my own graphics into it. It scrolls up and down just fine, but when I try to put a mask over it, it doesn't work. In the content the author wrote for his movie he says "Note: If you want to have a mask over the content: copy MC:frame and make it a mask for MC:Page. If you do so, notice that "non-anti-alias text" is not possible anymore. This is a common thing in a Flash Movie. I keep trying that and it just blocks everything out all together. So what am I doing wrong?
I am trying to build a portfolio site with a 3D rotating effect.I am new to Papervision so I might be doing something stupid with my code. Anyway, this is my code, but nothing shows up on stage when I load it:
Below is my code for an XML AS3 video player with thumbnails. My question is how can I get the thumbnails to be scrollable if I have more that 3 thumbs without enlarging my stage area?[code]
I am trying to fallow this awesome tutorial but I keep getting stuck on this one part. Here is the link for the video
[url]...I am able to do everything fine until the part where you make the thumbnails scroll and stop when the mouse is over them. Mine does not move at all. I feel like I am doing everything he says but still I can not figure it out.
I need to make a scrolling text with blur effect,, something like on [URL] with the scroll button or scroll with roll over. I need this for my news section
I've done the basic sliding thumbnail bar with the rollover and clicking on the thumbnails before, but I'm trying to replicate the one on the [URL] homepage.
I wanna do exactly what they've done. I want to have the scroll bar below the slider that they user can use. And I want the thumbnails to pop forward and have info pop out for the selected person. I didn't know how to make the thumbnails readjust themselves when the popup came out. But I'm not sure how to add this into my basic slider.
I am making an application, where i have load all the thumnails at once and the by clicking on any of them will load a full image at right. I am done with all this, but i want the thumnails have vertical scroll bar, as the thumnails a large in numbers so i want them to scroll vertically. Now i don't know how to add a scroll bar to it, or either use it in scroll pane or list.
Actually I have made a photogallary. I load thumbnails from a folder to my stage using xml. All my thumbnails are placed in one line at the bottum of stage. Now i want to scroll these thumbnails left and right. I have used the mathod
function moveImg():void { img[1].x+=5; img[2].x+=5;
[code]....
this function moves every img 5 pixels to right, and i can call this function countinuously and same with some negative sign to move it to left but its quality is not good. how can i scroll all these images using some good machenism.
I have been working on a slideshow following [URL]. I've been able to make adjustments. Sample page: [URL]. Everything works great, but I'd like for the user when they've scrolled to the end of the thumb. Row to have it start over again. i.e., after #50, would follow #1. Rather than have it just "end". Below is the action for the slide show:
function loadXML(loaded) { if (loaded) { xmlNode = this.firstChild; image = []; description = []; thumbnails = []; [Code] .....
I'm working on an image gallery using a mouseOver to scroll the thumbnails. How can I limit the area affected by the mouseOver as at the moment it scrolls wherever the cursor is on the page.
Ok basically I want to create a simple Gallery one that has small thumb nails at the side where when clicked on will show in a larger movie clip. I also need to beable to scroll down on the thumbnails as there will be quite a few. Also on the larger image I want left and right buttons to scroll between the images aswell and when clicked on the large image it will load that image in a new window for people to save the image or just simply be able to click on it to download. I have searched everywhere for a tutorial or template and cant find one that is simply this and in AS3.
I am creating a XML Gallery, I have the gallery working, its just my thumbnails are repeating horizontally, on a vertical scroll bar. I believe it must be the way i have coded my for loop
example on how my thumbnails are displaying at the moment:
I've been working on Kirupa's adding thumbnails to the XML photo gallery. I've managed to change the scroller to one that is vertical and reposition it to where I wanted it and everything works fine. urrently the code accounts for when the mouse moves (on the horizontal) to the left or right of the thumbnail container to stop scrolling. However when the mouse moves up and down to scroll (on the vertical) it continues to scroll even though the mouse has moved outside the container area. I'd like for it to only scroll when the mouse is within the 30 pixel - hit_left/right boudaries.
Here's the code, as you can see the changes have been very little from the original.
I want to make the thumbnails scroll left and right when a button the left and right side is clicked instead of the mouseover left/right scrolling. Essentially when the button is release I want the xml images to scrool to the next set. I have experience making that work with images embedded in flash but not with XML feed images.
What would i have to change to make the file work?
how can i give the thumbnail effect as seen in youtube .I have converted kirupa's so helpful gallery into a video player.But just not getting how to code that script..
how to make my thumnails scroll faster as you drag further to one side or the other?I'm a designer trying to grasp AS so please excuse my messy script!
var isOver = 0; function onEnter(event){ if(isOver == 1) scrollers.nextFrame();
Mainly been making websites all these years, but in my last year at school i started to get interested in Flash Actionscript. I've been at home for over a year in 2008, unemployed. I got back to school in September 2008 but quit the education as it wasn't for me. Now I'm looking to get a job, but I need a showcase, so I'm building my portfolio at the moment.
I'm currently working on my portfolio which i wanted to make in Flash using XML generated content. I got as far as getting the content generated in my prototype. Now I'm trying to build the real thing. I currently got a scrollbar on the left which contains the thumbnails. I used the custom scrollbar from [URL] ([URL]). The content in it is generated with xml and actionscript though.
Im trying to build a a small viewer that will allow the user the ability to scroll through a certain number of thumbnails. I'm having trouble on how to go about this. I haven't used flash or actionscript 3 in quite a while so Im pretty rusty when it comes to perspective on how to go about this. I basically want the user to interact with a scroll bar (up and down) to move through a certain number of thumbnail pictures (125 x 125).
how this is accomplished?[URL] In this site, if you drag the "sun" back and forth, you spin the tickets. I've done something similar in as2, with the carousel effect. What I'm really interested in is how, when you release the "sun", the tickets don't stop spinning until the one closest to the middle of the stage is directly in the middle of the stage. I've been trying to accomplish this with a some scrollable thumbnails. But when you release the arrow keys, it stops where ever it was on MOUSE_UP.
I've got "thumbnails bar" (created with a mask level) into the bottom of my library and above, my image holder where i can see images in their real size. I want to realize a rollover function on my "thumbnails bar" ,that let me scroll all my thumbnails to the next one (or previous one)depending if I'm on the right (or on the left) of my thumbnails bar.I saw that effect on internet but I can find the right code.
Can anyone recommend the best way to achieve the following continuous scroll effect - I want to simulate a circular room with 12 (numbered) doors in it. There are 'sights' over the 3 middle doors. The sights remain in the same place, but when you press the left or right arrow key the clip of the 12 doors scrolls in that direction and stop at the next door. When you scroll to the right of door 12, door 1 then becomes visible again.
browsing the macromedia site of the day yesterday i noticed and effect i had not seen before, at least to my knowledge. notice the scrolling text in the bottom left. now grab the bar and move it manually. notice the blurring effect? any ideas on how this is done?
I saw the tutorial for the typing effect of Text. I just want a little enhancement. Do you know how to add a scrollbar in case the text overflowed to the bounds of the supposedly text field?
I have a series of thumbnails that should scroll from left to right & right to left when you roll over the movie clip buttons on either side. IT was working in another flash movie, but I moved it to a different flash file and now it's not working. The hit buttons within the movie clip buttons have this action script:
Following some tutorials, I coded for a thumbnail scroll panel that works just fine. The thumbnails are scrolling when the mouse if hovering the panel and stops scrolling when the mouse leaves the panel.
However, I'd like to create a slow down effect on the thumbnail scroll panel when the mouse cursor leaves the scroll panel (instead of immediately stop scrolling).
I'm building a web app to design and animate simple 3d scenes using the Away3D library, but the design of the interface itself is built around a scrolling menu which takes up the whole height of the screen.
The problem is, on OSX browsers have a silly quirk where if the page is scrolled when it has already gone as far as it can, the page can be dragged slightly further, revealing a brushed metal background. This looks nice and whatnot, but it pretty much ruins scrolling in a swf object. I use flash builder and export to safari, which is just about useable, if pretty annoying (especially with a mac touchpad, which can give a much higher scroll delta than a mousewheel can), but when I open my app in firefox/chrome the same effect happens, and causes the app and browser to slow down drastically.
I've found code which uses ExternalInterface to stop the swf sending mouse events to the page, but they all seem to disable detection in the swf as well, and I can't find anything else which help. If anyone knows of a solution you'll be saving me from throwing a few months' work away for what seems like a suspiciously unnecessary drawback to Flash on OSX!
