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?
FlashKit > Flash Help > Flash Newbies
Posted on: 02-21-2006, 11:45 AM
View Complete Forum Thread with Replies
See Related Forum Messages: Follow the Links Below to View Complete Thread
Vertical Scrolling Thumbnails Instead Oh Horizontal?
Hey folks,
I am attempting to modify the code from the tutorial from this site for scrolling thumbnails in a photo gallery found here. In the tutorial it shows how to make the thumbnails scroll on a horizontal axis. I am trying to replicate this but with a vertical axis, but it doesn't seem to be working. Can anyone tell me if it's something wrong with my code?
Here is my code modified from the tutorials.
Code:
function thumbNailScroller() {
// thumbnail code!
this.createEmptyMovieClip("tscroller", 1000);
scroll_speed = 10;
tscroller.onEnterFrame = function() {
if ((_root._xmouse>=thumbnail_mc._x) && (_root._xmouse<=thumbnail_mc._x+thumbnail_mc._width)) {
if ((_root._ymouse>=(hit_down._y-40)) && (thumbnail_mc.hitTest(hit_down))) {
thumbnail_mc._y -= scroll_speed;
} else if ((_root._ymouse<=(hit_up._y+40)) && (thumbnail_mc.hitTest(hit_up))) {
thumbnail_mc._y += 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._y = hit_up._y+(target_mc._height+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);
}
Here's how it looks, the thumnails load in this position, but there are 5 more thumbnails over it that won't scroll down. I have unhid the bars at the top and bottom to show the two spots the images are meant to go between, which are called hit_up and hit_down. you can click the few thumbnails that are visible but they will not scroll up nor down.
How To Get Thumbnails Vertical?
Hello, I've gone through the tutorial for the photo gallery with the scrolling thumbnails. I am now in the process of adding something similar to my own site only i would like to have the thumbnail pictures appear vertical. I am using the same code as in the tutorial. Any ideas?
Thanks
How To Get Thumbnails Vertical?
Hello, I've gone through the tutorial for the photo gallery with the scrolling thumbnails. I am now in the process of adding something similar to my own site only i would like to have the thumbnail pictures appear vertical. I am using the same code as in the tutorial. Any ideas?
Thanks
Multiple Vertical Lines Of Thumbnails
I couldnt really think of a better way of explaining the title, but its ambiguity might make it more popular. (Cough!)
Anyway, I'm in the process of chopping up the streaming video tutorial from macromedia that allows you to create thumbnails from the first frames of flv's and pulling in to a thumbnail area from an xml file...
The tutorial is great, but what im trying to do is take it away from a list of video's in one line to a process where after there are x video's in a line, a new line will be created with x number of thumbnails and so on.
Has anybody used this tutorial, and it would be great if you have doen the same thing, otherwise can anybody help me with what im trying to do.
cheers
lee
Vertical Scrolling Menu Not Scrolling
i'm using flash mx
i inserted this code from a friend who had a horizontally scrolling menu and altered it slightly to suit my vertical menu. when i test it nothing moves.
i have this action placed in frame 3 of my movie:
center = 220.5;
reelPos = reel._y;
topStop = -360;
bottomStop = 360;
and in frame 4 i have this action:
if (_xmouse<774 & _xmouse>10) {
reelSpeed = (_ymouse-center)/10;
reelPos = Math.round (reelPos+reelSpeed);
if (reelPos<topStop) {
reelPos = topStop;
}
if (reelPos>bottomStop) {
reelPos = bottomStop;
}
reel._y = reelPos;
}
what am i missing here?
Vertical Scrolling To Horizontal Scrolling...HELP
So I created a movie with 6 thumbnails on the left side which, when clicked, scroll the full-sized images on the right to show the respective image. However, with the current code, the large images scroll vertically. I want them to scroll horizontally (and then I can move my thumbs to the bottom so as not to be in the way). I'm pasting the code I used below, can someone help me with what changes I would need to make to the code to switch from vertical to horizontal scrolling? Thanks!!
this.createEmptyMovieClip("images", 100);
this.attachMovie("mask","mask", 101);
mask._x = images._x = 550;
mask._y = target = 311.8;
images._y = -1000;
images.setMask(mask);
speed = 7;
for (var i=1; i<7; i++) {
var img = images.attachMovie("image"+i, "image"+i, i);
img._y = img._height*i;
var thumb = this["thumb"+i];
thumb._alpha = 60;
thumb.pos = target+(i*-img._height);
thumb.onPress = function() {
target = this.pos;
};
thumb.onRollOver = function() {
this._alpha = 100;
};
thumb.onRollOut = function() {
this._alpha = 60;
};
}
this.onEnterFrame = function() {
images._y += (target-images._y)/speed;
};
[F8] 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 - 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
Vertical Scrolling HELP
i have a vertical scrolling text image with arrows that make the text scroll up or down under a mask. this part works fine.. i set a y >= #, and y <= #, so the text image doesnt scroll up or down past a certain point..
i also have mulitple buttons that when you click on them it jumps to a certain part in the text image... but the scroll up and down arrows glitch out..all i did here was make frame labels on the text image.. that tell the multiple buttons to jump to these frame labels..
the problem that i cant fix is.. when i click on my multiple buttons to jump to a certain point in the image text scroller.. the > or < numbers are still set to the original text image. now i need it to update these numbers so i can scroll more or less depending where i am in the text image..
heres my code for the arrows up and down...
//up arrow
mainContent.storeWindow.scrollUpTarg.onPress = function() {
onEnterFrame = function () {
mainContent.storeWindow.text._y +=5;
if(mainContent.storeWindow.text._y >= 152) {
mainContent.storeWindow.text._y = 152;
}
}
}
mainContent.storeWindow.scrollUpTarg.onRelease = function() {
delete onEnterFrame;
}
//down arrow
mainContent.storeWindow.scrollDownTarg.onPress = function() {
onEnterFrame = function () {
mainContent.storeWindow.text._y -=5;
if(mainContent.storeWindow.text._y <= -385) {
mainContent.storeWindow.text._y = -385;
}
}
}
mainContent.storeWindow.scrollDownTarg.onRelease = function() {
delete onEnterFrame;
}
thanks...
Vertical Scrolling
i got the horizontal scroll down by this tutorial...
http://www.flashkit.com/tutorials/Ga...-610/index.php
now im stuck on how to get the vertical scroll...
Vertical Scrolling
i got the horizontal scroll down by this tutorial...
http://www.flashkit.com/tutorials/Ga...-610/index.php
now im stuck on how to get the vertical scroll...
Vertical Scrolling Text
I'm an absolute beginner at actionscript (the most I've been able to do is a "go to and play (frame)" action but my company's got a client who is requesting a "stock ticker" like effect. Bascially, what he wants is line containing 10 different words seperated by spaces which will scroll left to right then loop seemlessly. I know it can be done via actionscript but I'm under a very tight deadline and am wondering if anyone can point me in the right direction rather than trying days of trial and error.
The total effect will also enable the user to mouse-over one of the words which would temporarily halt the scrolling effect. If the user then clicks on the world, they'd be taken to that particular web page.
Sorry if this is a "ho, hum - what a knucklehead" kind of request, but if it werent for the deadline I'm facing I wouldn't bother anyone with this apparently simplistic issue.
Thanks to all in advance.
PS: I've looked at the "Scrollee" tutorial on FlashKit which provides almost what I want, but the text doesn't start it's scroll from the left.
Vertical Scrolling Navigation
I am not quite sure exactly how I could do this, but I would like (when a button is pressed) for the whole navigation bar to move up and allow a kinda sub menu how could this be done in actionscript.
Thanks,
Eric Ehle
Vertical Scrolling Menu
I like this scrolling menu from flashkit(I attach the fla)
but I want to add a diffrent picture on every buton(picture loaded
from a directory by loadmovie command)and I dont know how
can you helpme?
Scrolling Vertical Images
Can anyone advise me on how to create a movie where the images continuously scroll vertically? On mouseover I'd like for it to go to a url. I have seen a javascript for something similair but thought it might be easier in Flash. Thanks in advance for any suggestions.
Vertical Scrolling Text
Hi.
I am looking for a good tutorial on how to create a vertical scrolling text box.
What I mean by that is:
On the side of my page there will be some text that without the use of buttons or mouseovers, will scroll slowly vertically, displaying different text.
One section would scroll up, then when it gets to the middle stop moving for about 30 seconds (to allow people to read and click on it) than the text scrolls up to be replaced by another set of text.
I am assuming that this would be done in flash. I currently have Flash MX.
Any thoughts?
Thanks
Vertical Scrolling Background (downwards) - How To?
I’m experimenting with a scrolling game. it has a road and to make it realistic i want the road to scroll down. it's all AS and 1MC and I used a good tutorial from FK for it. the tutorial is for a horizontal version but I made adjustments that it works vertically. it works perfectly when scrolling up but the road has to go down. when I choose that direction: i goes down and never restarts leaving it blank.
so the question is: how can I get it to scroll down that it looks continuously? when it scrolls up, y = 0 is when it ends but when it goes down, y is a value. so I think that I must tell flash that value. but I don't know how. the stuff I tried did not work. +I have searched the forums and someone asked the same thing but he never got an answer.
this is the code i have untill now. ground = the road MC. the code duplicates ground as ground2, giving it that continuous effect.
Code:
onClipEvent (load) {
ground.duplicateMovieClip("ground2", 1000);
ground2._y -= ground._y+ground._height;
groundStarty = this._y;
groundSpeed = 10;
}
onClipEvent (enterFrame) {
this._y += groundSpeed;
if (this._y<=(groundStarty-ground._height)) {
this._y = groundStarty-groundSpeed;
}
}
if you need any more info, just ask. Thanks in advance
Scrolling Vertical Images
Hi all
would someone beable to help me with my little problem?
I have a scrolling menu, that scrolls thumbnail images, which all load in as external jpg's within separate containers. I've created buttons on the scrolling menu so that when pressed the image selected appears to the left, and loads into a container called ' container'
This all works ok but the problem I have is fixing the larger image that loads in from the selected thumbnails.
What I mean is once the image has loaded to the left, when you scroll up or down the lager image also scrolls......which is what I don't want, I would like it to be fixed!
I've tried placing the container with a different time line but then the image does not show.
attached is the example I'm talking about
any help would be grateful!
cheers
Scrolling Vertical Images
Hi all
would someone beable to help me with my little problem?
I have a scrolling menu, that scrolls thumbnail images, which all load in as external jpg's within separate containers. I've created buttons on the scrolling menu so that when pressed the image selected appears to the left, and loads into a container called ' container'
This all works ok but the problem I have is fixing the larger image that loads in from the selected thumbnails.
What I mean is once the image has loaded to the left, when you scroll up or down the lager image also scrolls......which is what I don't want, I would like it to be fixed!
I've tried placing the container with a different time line but then the image does not show.
attached is the example I'm talking about
any help would be grateful!
cheers
Scrolling Vertical Menu
Hi,
I'm trying to create a continuous srolling menu from left to right depending on where the mouse is. I have one mc called menu_mc with a few buttons inside it. I have then duplicated that mc and called them menuRight_mc and menuLeft_mc and placed them either side of the stage.
I've then set my menu_mc in motion and depending on the direction it is going, either leftMenu or rightMenu should follow menu_mc. When menu_mc reaches the end of the stage and it is still going in the same direction, it's _x position will be moved to the beginning of the stage, giving it the illusion of a continuously scrolling menu.
I'v got it working somewhat now but I am incredibly stuck and my brain is bogged down with all the code. I'd appreciate it if someone could have a look at this and see where I am going wrong.
Thanx a bunch.
Code:
//----------------------------------------------------------------------------
//Main Menu
//----------------------------------------------------------------------------
menu_mc.onEnterFrame = function() {
//set variable for direction of mouse
if (_xmouse<240) {
var direction:String = "left";
trace(direction);
} else if (_xmouse>240) {
direction = "right";
trace(direction);
}
_global.mouseDiffX = _xmouse-(menu_mc._width/2);
_global.moveDiff = (mouseDiffX/2)*0.1;
this._x += moveDiff;
if (direction = "right") {
startLeftMenu ();
//restoreRightMenu ();
} else if (direction = "left") {
startRightMenu ();
//restoreLeftMenu ();
}
};
//----------------------------------------------------------------------------
//Left Menu
//----------------------------------------------------------------------------
menu_mc.duplicateMovieClip("menuLeft_mc", 100); //create left menu
menuLeft_mc.txtMenu.text = "MenuLeft"; //set menu text
//Position left menu
function restoreLeftMenu() {
menuLeft_mc._x = -480;
//delete menuLeft_mc.onEnterFrame();
}
restoreLeftMenu(); //reposition left menu
//Start Left Menu
function startLeftMenu() {
if (menu_mc._x > 480) {
menu_mc._x = -480;
}
menuLeft_mc.onEnterFrame = function() {
this._x += moveDiff;
if (menuLeft_mc._x>480) {
restoreLeftMenu();
}
};
}
//----------------------------------------------------------------------------
//Right Menu
//----------------------------------------------------------------------------
menu_mc.duplicateMovieClip("menuRight_mc", -100)
menuRight_mc.txtMenu.text = "MenuRight";//set menu text
//Position right menu
function restoreRightMenu () {
menuRight_mc._x = 480;
}
restoreRightMenu ();
//Start right menu
function startRightMenu () {
if (menu_mc._x > -480) {
menu_mc._x = 480
}
menuRight_mc.onEnterFrame = function () {
this._x += moveDiff;
if (menuRight_mc._x < 0) {
restoreRightMenu ();
}
}
}
Vertical Scrolling Menu
I got this scrolling menu from flash kit. I want to modify it.
Now in this movie the scrolling is working when the mouse is on any position on the stage. I need the scrolling only when the mouse is over the menu area...
Help me to do this.... File attached
Vertical Scrolling Images
Can anyone advise me on the easiest means of creating a vertical scroll of images? Maybe a turotial etc.. Thanks in advance for any help.
Vertical Scrolling Menu
I have a relatively simple menu I'd like help creating. I have a movie clip (menu_mc) which I want to scroll vertically until it has reached it's end when a user mouses over either the up or down button. The movie clip is masked so you can only see a portion of the buttons at a time. I know how to make the movie clip move up or down when a user rollsOver the button, but I don't know how to make it continuous and to have the menu stop when it's reached it's end. Any help, ideas, suggestions, or tutorials would be helpful. I've attached my basic layout in a .fla incase you didn't understand what I was trying to explain.
Vertical Scrolling Menu
Greetings.
I have a main movie (slot machine) where I loaded 3 external .swf's ( vertical scrolable menus).
1.I would like those menus to start rotating at some speed immediately when they load to main movie( not to stay still )
2. I would like them to continue rotating at some speed when I leave menu area with the mouse.
( It continues to rotate when I test the menu by itself, but when loaded to main movie it stops every time when I leave the menu area)
You can see this slot machine here...
Here is the actionscript that causes menus to scroll vertically:
onClipEvent (load) {
ycenter = 120;
speed = 1/20;
}
onClipEvent (enterFrame) {
var distance = _parent.mask_mc._ymouse-ycenter;
if(_parent.mask_mc.hitTest(_root._xmouse, _root._ymouse, false)){
_y -= (distance*speed);
}
if (_y>0) {
_y = -8765;
}
if (_y<-8765) {
_y = 0;
}
}
And here is the code I used to load external files to main movie:
_root.createEmptyMovieClip("container", 1);
loadMovie("
Vertical Html Scrolling Bar
Dear Forum
I am building a flash site that is about 600 pixels wide and between 400 and 2000 pixels high (depending on the page). I'd like it all to be in one swf (without reloading the html page that is).
Since most screens will require (probably all screens...) a vertical scrolling bar depending on the height of the current page, how should I go about this? I don't want to make the base swf size to be 2000 pixels. I've seen flash sites that seem to have control over the html scrollbars as the content grows. I just can't seem to remeber which ones right now... anyone know what I'm talking about?
Any insights appreciated.
Best,
Stepha
Vertical Scrolling Movieclip
Hi Guys!
I just graduated from college in graphic design and I am trying to make a flash portfolio page to showcase my work. I have everything done so far except that I am having problems with this one bit of actionscript....I have been at it for weeks, looking at diff. tutorials, but I just can't seem to get it.
I have a movieclip ("strip") and I want to it scroll up and down depending on where the mouse it, I also want it to duplicate so that it never stops scrolling...just keeps on looping. I am working this off of another tutorial that I found, but I am having trouble getting it acclimated to my flash.
If anyone can point out my error, or send in the direction of an EASY way to do this, I'd be extrememly grateful...i'm getting soooo frustrated. ARGH!
Here is my code
Quote:
//initialize
onClipEvent(load){
percent_increment = .075;
addstrip2 = false;
}
onClipEvent(enterFrame){
this._y += (_root._ymouse - 10)*percent_increment;
if(this._y <=0 && this._y >= -this._height){
if(addstrip2==false){
this.duplicateMovieClip("strip2",1);
addstrip = true;
}
_root.strip2._y = this._y + this._height-1;
_root.strip2._x = this._x;
}
if(this._y <= -this._height){
this._y = _root.strip2._y + this._height - 1;
}
if(this._y >0 && this._y < this._height){
if(addstrip2==false){
this.duplicateMovieClip("strip2",1);
addstrip = true;
}
_root.strip2._y = this._y - this._height + 1;
_root.strip2._x = this._x;
}
if(this._y >= this._height){
this._y = _root.strip2._y - this._height + 1;
}
}
Vertical Scrolling Marquee
I'm looking to create a vertical scrolling marquee in flash. Right now I'm using an "IFRAME" and another page to scroll it, but would like to keep the flash theme going for my site.
On the left side of this page: http://www.dvmrs.net/home.htm, is what it looks like now under "Recent Incidents". I'm trying to turn this into flash so it works a little better.
I've noticed in IE it doesnt start to scroll until you put the mouse over it, and in firefox it goes back to the begining after you take the mouse off. So I would like to make something that starts automatically, and keeps going from where it is too.
I've tried putting the hard code in the actions but the box is blank when it loads. I'm just wondering how to get it to work when the flash loads. I've tried
Code:
_root.onLoad = function() {
theText.htmlText = "<font color=#FF0000><b>Motor Vehicle Crash</b></font><br><a target=_parent href=phpBB2/viewtopic.php?t=2024>at Mascher & Roosevelt Blvd in Philadelphia</a><br> <font color=#FF0000><b>Garage Fire</b></font><br><a target=_parent href=phpBB2/viewtopic.php?t=1986>in Upper Moreland, Montgomery County</a><br> <font color=#FF0000><b>Serious MVA</b></font><br><a target=_parent href=phpBB2/viewtopic.php?t=1979>with Medevac in Horsham Township, Montgomery County</a><br> <font color=#FF0000><b>All Hands</b></font><br><a target=_parent href=phpBB2/viewtopic.php?t=1960>in a 3 Story Row Dwelling in West Philadelphia</a><br> <font color=#FF0000><b>Basement Fire</b></font><br><a target=_parent href=phpBB2/viewtopic.php?t=1959>in a Row Dwelling in West Philadelphia</a><br> <font color=#FF0000><b>Basement Fire</b></font><br><a target=_parent href=phpBB2/viewtopic.php?t=1967>in a 1 Story Dwelling in Philadelphia's Nicetown Section</a><br> <font color=#FF0000><b>All Hands</b></font><br><a target=_parent href=phpBB2/viewtopic.php?t=1937>in a 1 Story Commercial in Philadelphia's Richmond Section</a><br> <font color=#FF0000><b>4th Alarm</b></font><br><a target=_parent href=phpBB2/viewtopic.php?t=1929>in a 3 Story Commercial in Marple Township, Delaware County</a><br>"
}
but that doesn't work. I tried it with the scroll bar but it didn't work, and I really am not looking to have one, so I left it out.
Vertical Scrolling Menu
Hi,
I got this scrolling menu from flash kit. I want to modify it.
Now in this movie the scrolling is working when the mouse is on any position on the stage. I need the scrolling only when the mouse is over the menu area...
Help me to do this.... File attached
Kirupa Vertical Scrolling - Almost There
Is this possible? To update Kirupa's (from this cool tute: http://www.kirupa.com/developer/mx2004/thumbnails3.htm) from horizontal script to vertical?
I've got everything changed except the one last CRUCIAL part: the vertical scrolling.
Here is the page that I am updating to a Flash vertical scroll: http://208.131.133.122/gallery/style.php
Here is where I've gotten so far:
http://208.131.133.122/gallery/thumbnails.html
The 1.2 MB Flash and xml zipped file can be downloaded from here: http://208.131.133.122/gallery/thumbnails.zip.
ALL help would be much appreciated.
Thanks
Vertical Scrolling Movieclip
Hi Guys!
I just graduated from college in graphic design and I am trying to make a flash portfolio page to showcase my work. I have everything done so far except that I am having problems with this one bit of actionscript....I have been at it for weeks, looking at diff. tutorials, but I just can't seem to get it.
I have a movieclip ("strip") and I want to it scroll up and down depending on where the mouse it, I also want it to duplicate so that it never stops scrolling...just keeps on looping. I am working this off of another tutorial that I found, but I am having trouble getting it acclimated to my flash.
If anyone can point out my error, or send in the direction of an EASY way to do this, I'd be extrememly grateful...i'm getting soooo frustrated. ARGH!
Here is my code
Quote:
//initialize
onClipEvent(load){
percent_increment = .075;
addstrip2 = false;
}
onClipEvent(enterFrame){
this._y += (_root._ymouse - 10)*percent_increment;
if(this._y <=0 && this._y >= -this._height){
if(addstrip2==false){
this.duplicateMovieClip("strip2",1);
addstrip = true;
}
_root.strip2._y = this._y + this._height-1;
_root.strip2._x = this._x;
}
if(this._y <= -this._height){
this._y = _root.strip2._y + this._height - 1;
}
if(this._y >0 && this._y < this._height){
if(addstrip2==false){
this.duplicateMovieClip("strip2",1);
addstrip = true;
}
_root.strip2._y = this._y - this._height + 1;
_root.strip2._x = this._x;
}
if(this._y >= this._height){
this._y = _root.strip2._y - this._height + 1;
}
}
Vertical Scrolling Menu
Ok guys I finally got a vertical scrolling Menu based off this thread....http://www.sitepoint.com/article/men...ing-background
I want to get rid of the bg. How do I do this? Right now everything works but I get this error that repeats infinitely...A 'with' action failed because the specified object did not exist.
Thanks.
CODE:
ym = 0;
//function to set the ypos of the movieclip
function ypos(bar_height,mul)
{
vpos = 500;
scroll_height = 650;
incr = bar_height/scroll_height;
ym = _ymouse;
if(_ymouse <= 500){ym = 500;}
if(_ymouse >= 900){ym = 400;}
scroll_y = vpos - ym;
scroll_y = scroll_y * mul;
y_pos = scroll_y * incr;
y_pos = y_pos + vpos;
return y_pos;
}
_root.onEnterFrame = function ()
{
// call function ypos
y_pos = ypos(700,.20);
with (bg)
{
_y += (y_pos - _y)*.4;
}
// call function ypos
y_pos = ypos(950,.75);
with (menu)
{
_y += (y_pos - _y)*.4;
}
}
FTree Vertical Scrolling
Hi Folks
This is a little complicated, but I'll try to whittle it down. I've got a Ftree component set up, and I use setSelectedNode() to set which node is shown as selected. If there's a list of nodes that's long enough to require vertical scrolling, and I set a node below the lower edge of the window - you have to scroll down to see which node is selected. I want it to be done automatically.
I know how to set the vertical scroll position in a scrollPane, but I'm not sure how to go about doing this in the FTree component - I thought (hoped) it would do it automatically when I set a certain node to be selected.
Any thoughts?
Thanks,
Ben
VERTICAL Scrolling Thumbnail
might seem like a simple problem, but what part of the actionscript changes in the srolling thumbnail tutorial, if i am designing the thumbs to scroll vertical vs. horizontal?
Thanks.
Vertical Scrolling Navigation
I have looked over the internet, and on the forums, and I am not to sure if it is hidden or just not here. Though, I am trying to recreate the flash on this site, http://corp.ign.com. Basically, I would love the tutorial, it will help me learn flash even more than it just being provided. So, if anyone knows of a tutorial or would like to walk me through it that would be great, or if you just wish to provide like a foundation or something that is appreciated also.
I tried to build off a horizontal scroll navigation flash tutorial that moved by buttons (which this one does too, but works off a timer as well). And no luck for me
So can anyone help me out?
How To Approach-vertical,scrolling, Menu
Ok, i've been thinking about what my next site is gonna look like. I'm trying to come up with a navigation. And I like this idea http://www.studioah.com/ah1/ for the menu. I know how to approach it. Multiple mc's with the buttons inside. The code i'm gonna use to make the button list scroll up and down with the mouse is slightly modified version of this:
Mid = 80;
Mouse = _root._ymouse;
diff = Mid-Mouse;
Move = diff/20;
_root.mainmenu._y = _root.mainmenu._y+Number(Move);
My question is that I want to restrict the scroller from moving up or down once it reaches the end of the menu. I'm gonna put the menu into a window pane and once the menu reaches the top or bottom of that pane I dont want it to scroll anymore up or down.
I know I need to add bounds to the above code that once _root.mainmenu._y > (something) I guess sine the height of my movie is 165 and half is around 80 than I need something like:
if _root.mainmenu.y > 90
but I dont know what command I need to stop the menu's Y position from moving any higher. And this is the same thing if it were going down.
Any help on the actionscripting i'm looking for? Any help would be appreciated.
p.s. I can get the button and the menu to scroll without a problem its just I dont want it to scroll up or down past a certain distance.
How To Approach Vertical,scrolling Menu?
Ok, i've been thinking about what my next site is gonna look like. I'm trying to come up with a navigation. And I like this idea http://www.studioah.com/ah1/ for the menu. I know how to approach it. Multiple mc's with the buttons inside. The code i'm gonna use to make the button list scroll up and down with the mouse is slightly modified version of this:
Mid = 80;
Mouse = _root._ymouse;
diff = Mid-Mouse;
Move = diff/20;
_root.mainmenu._y = _root.mainmenu._y+Number(Move);
My question is that I want to restrict the scroller from moving up or down once it reaches the end of the menu. I'm gonna put the menu into a window pane and once the menu reaches the top or bottom of that pane I dont want it to scroll anymore up or down.
I know I need to add bounds to the above code that once _root.mainmenu._y > (something) I guess sine the height of my movie is 165 and half is around 80 than I need something like:
if _root.mainmenu.y > 90
but I dont know what command I need to stop the menu's Y position from moving any higher. And this is the same thing if it were going down.
Any help on the actionscripting i'm looking for? Any help would be appreciated.
p.s. I can get the button and the menu to scroll without a problem its just I dont want it to scroll up or down past a certain distance.
Vertical Scrolling News Ticker
Hey all,
I have Flash MX 2004, although I am still quite a newbie. I am trying to create a vertical scrolling news ticker, using a dynamic textbox. Ideally, the text should automatically scroll upwards, and either:
-> Stop at the end of each paragraph for a second or two
-> Stop when mouseover
This is what I want, yet this is an Java applet: http://www.appletcollection.com
Thank you in advance for any help you give,
Lewis
What Do I Need To Change Out In This Vertical Scrolling Actionscript?
I originally had this actionscript for a vertically scrolling nav bar and now I need to adjust it for a much longer picture that will be scrolled. Can anyone tell me what numbers I need to change within the actionscript and how to measure it accordingly?
__________________________________________________ _________________
if (_root.pictureClip._y<298) {
_root.scrollerDirection = "down";
} else if (_root.pictureClip._y>378) {
_root.scrollerDirection = "up";
}
if (_root._xmouse<99 && _root._xmouse>49) {
if (_root._ymouse>178 && _root._ymouse<198) {
if (_root.pictureClip._y>378) {
break;
} else {
_root.pictureClip._y = _root.pictureClip._y+5;
}
} else if (_root._ymouse>475 && _root._ymouse<495) {
if (_root.pictureClip._y<298) {
break;
} else {
_root.pictureClip._y = _root.pictureClip._y-5;
}
} else if (_root._ymouse<178 or _root._ymouse>495) {
if (_root.scrollerDirection == "down") {
_root.pictureClip._y = _root.pictureClip._y+1;
} else if (_root.scrollerDirection == "up") {
_root.pictureClip._y = _root.pictureClip._y-1;
}
}
} else if (_root.scrollerDirection == "up") {
_root.pictureClip._y = _root.pictureClip._y-1;
} else if (_root.scrollerDirection == "down") {
_root.pictureClip._y = _root.pictureClip._y+1;
}
__________________________________________________ _______________
Thanks!
Furpants
Vertical Scrolling MC/Menu Help Needed
Can someone please tell me how to set the up and down boundaries for a vertically scrolling MC?
I have the up/down buttons working fine - the mc scrolls both ways vertically but doesn't stop in either direction.
Here's what I have for AS now:
up_btn.onRelease = function(){
buttons._y -=57;
};
down_btn.onRelease = function(){
buttons._y +=57;
};
Is it a onClipEvent that sets the top and bottom coordinates or is there anything I use within the button functions (above)?
If anyone has the entire actionscript I need it'd be GREATLY appreciated!!
Rick
Simple Vertical Scrolling With Inertia ?
Hi,
I am trying to build a simple vertical scroller with inertia - e.g. a panel with a button at the top and bottom which scrolls a movie clip up or down when the user clicks on the buttons (there will be additional buttons within the scrolling clip which I will use to load content into a target).
It wold be great if this could have an inertia effect (accelerating / decelerating) too.
If anyone knows of any tutorials or has any advice on how to get started with this I would very grateful! (my actionscript skills are limited but I am very keen to learn and help myself).
Thanks for your time reading this,
Cheers,
Tim
Flash Vertical Scrolling Problem
Hi there, I'm sure someone has encountered this problem before. I am using scrollbars on a vertical text box that has a mask. There is quite a lot of text, as the height of the text box is about 5000 pixels. As a result it won't display all of it and cuts off after about 2000 pixels. Are there limits to the height of the text in a scrolling box? Any clues or tricks to get around this, other than reducing the font size?
Thank you in advance for your help.
Darren
Please Help Me With This Tutorial On Vertical Image Scrolling
Hi, I'm having some problems with this tutorial:
http://www.flashkit.com/tutorials/In...-815/index.php
I follow the directions EXACTLY as posted, but when I play the movie, the images scroll just fine, but they do not react to the cursor. I can't figure out what I'm doing wrong, and I have been working on it for over 8 hours now. Basically I'm retarded... I sent an e-mail to the creator of the tutorial, but have never received a reply. I can send you my .fla file if you think you can help, and just point out the problem to me. I have it built EXACTLY as he says, and have rebuilt over and over. However, I tried his horizonal tutorial, that is basically the same, and it works perfectly. Please help me someone, I'm dying! Thanks!
Smooth Vertical Scrolling Problem
Hi everyone
I have created with flash 6 nice smooth vertical scroller but it not works with flash version 8
please help, i have attached the source code
Thank's ahead
David
[F8] Vertical Scrolling Navigation Problems
GAH! I'm working on my final project for a Flash Design class, and I find that I'm royally stuck. I'm trying to integrate this nifty vertical scrolling bar to navigate through my thumbnails.
I was working off this tutorial:
http://www.flashkit.com/tutorials/In...-815/more4.php
My problem:
On mouseover, the scrolling bar doesn't pause. It just jerks up and down in a highly unflattering manner. What have I done wrong? I have a feeling that my x/y coordinates have something to do with it... to be honest, I'm not entirely sure that my method was successful. All I did was click on the movieclip that is set to scroll, and used the x/y coordinates displayed in the info area.
This is the actionscript on my movieclip:
onClipEvent (mouseMove) {
xmousepos1 = _xmouse;
ymousepos1 = _ymouse;
if (ymousepos1>ymousepos2 && xmousepos1>68.5 && xmousepos1<197.7) {
_root.scrollclip.nextFrame();
}
if (ymousepos1>68.5 && xmousepos1<197.7) {
_root.scrollclip.prevFrame();
}
if (xmousepos1<68.5 || xmousepos1>197.7) {
play();
}
xmousepos2 = _xmouse;
ymousepos2 = _ymouse;
}
And inside the movieclip, I did exactly as the tutorial specified. At the first frame of the bottom layer, and the last frame of the second layer, they all loop back to frame 60.
Any speculations on what the hell I'm doing wrong?
Vertical + Horizontal Scrolling With Elastic - HELP
Ok, well it seems to me people know what theyre talking about around here, so here goes.
I want to make a movie 700x500 but the image (+content) is bigger than that, so i want to be able to scroll around the contents (vertically and horizontally) BUT it shouldnt scroll further than the images dimensions, dig? When you move your mouse back into the middle, it must fling back and be all elasticy.
Is there anyone who can help me? I hardly know anything about flash but im learning, so please reply.
Ta
Ps. heres a diagram - Diagram
|