Perpetual X And Y Scrolling
I have a site I'm working on and I was wondering if anyone had any experience w/ this problem. I have a 3x3 grid that I need to loop back if you go to the edge, but not like I have it (http://abennettphoto.com/newsite/index2.html), but when you hit the top it scroll down the next piece. Which in real life it the bottom. Kind of like a 2D rubix cube or an itzy bitzy spider.If you have any ideas or have done this before give me shout.-josh
General Flash
Posted on: Wed Jan 31, 2007 3:28 am
View Complete Forum Thread with Replies
See Related Forum Messages: Follow the Links Below to View Complete Thread
Array Based Perpetual Scrolling...get URL?
I have a flash movie that works beautifully, but I'm wondering how I could alter the code to make the images link to a specific url.
Here is link to my live movie:
http://338sf.com/home_animation/home_gallery.swf
Here is my as:
[as]#include "mc_tween2.as"
var home:MovieClip = this;
var imgArray = ["http://338sf.com/home_animation/images/1.jpg", "http://338sf.com/home_animation/images/2.jpg", "http://338sf.com/home_animation/images/3.jpg", "http://338sf.com/home_animation/images/4.jpg", "http://338sf.com/home_animation/images/5.jpg", "http://338sf.com/home_animation/images/6.jpg", "http://338sf.com/home_animation/images/7.jpg", "http://338sf.com/home_animation/images/8.jpg", "http://338sf.com/home_animation/images/9.jpg", "http://338sf.com/home_animation/images/10.jpg"];
var seqArray:Array = new Array;
var maxWidth:Number = 0;
var maxHeight:Number = 0;
var padding:Number = 10;
var imgCount:Number = 0;
var numOfItems:Number = 10;
numb.restrict = spd.restrict = "1234567890.";
numb.onChanged = reSet;
spd.onChanged = setSpeed;
function setSpeed() {
if (Number(spd.text) >100) {
spd.text = "100";
}
if (Number(spd.text) <=0) {
spd.text = "0";
}
}
function reSet() {
delete home.onEnterFrame;
if (numb.text <> "") {
z = Math.ceil(Number(numb.text));
if ( z < 1 ) {
z = 1;
}
if (z > 10) {
z = 10;
}
numb.text = z;
for (i:Number=0; i<seqArray.length; i++) {
removeMovieClip(seqArray[i]);
}
seqArray = new Array;
numOfItems = Number(numb.text);
imgCount = 0;
maxWidth = 0;
maxHeight = 0;
loadImage(imgCount);
}
}
var imgMCL:MovieClipLoader = new MovieClipLoader;
var mclListen:Object = new Object;
imgMCL.addListener(mclListen);
loadImage(imgCount);
function loadImage(num:Number) {
t = home.createEmptyMovieClip("item"+seqArray.length, home.getNextHighestDepth());
t._alpha = 0;
t.createEmptyMovieClip("img", t.getNextHighestDepth());
imgMCL.loadClip(imgArray[num], t.img);
seqArray.push(t);
}
function over() {
this.alphaTo(100, .5);
this.scaleTo(110, .5);
}
function out() {
this.alphaTo(50, .5);
this.scaleTo(100, .5);
}
mclListen.onLoadInit = function(target:MovieClip) {
target._x = -target._width/2;
target._y = -target._height/2;
if (target._width > maxWidth) {
maxWidth = target._width;
}
if (target._height > maxHeight) {
maxHeight = target._height;
}
if (imgCount < ( (Number(numb.text)) -1)) {
imgCount++;
loadImage(imgCount);
} else {
spaceIt();
}
}
function spaceIt() {
seqArray[0]._x = (seqArray[0]._width/2) + padding;
seqArray[0]._y = (maxHeight/2)+10;
for (a:Number=1;a<seqArray.length;a++) {
seqArray[a]._y = (maxHeight/2)+10;
seqArray[a]._x = seqArray[a-1]._x + (seqArray[a-1]._width/2) + (seqArray[a]._width/2) + padding;
}
if ((seqArray[seqArray.length-1]._x - (seqArray[seqArray.length-1]._width/2)) < (Stage.width+maxWidth+padding)) {
imgCount = 0;
loadImage(imgCount);
} else {
for (c:Number=0;c<seqArray.length;c++) {
seqArray[c].alphaTo(100,1);
seqArray[c].onRollOver = over;
seqArray[c].onRollOut = seqArray[c].onReleaseOutside = out;
}
home.onEnterFrame = moveEm;
}
}
function over() {
this.alphaTo(100, .5);
this.scaleTo(105,.5);
}
function out() {
this.alphaTo(100,.5);
this.scaleTo(100, .5);
}
function moveEm() {
seqArray[0]._x -=(Number(spd.text));
for (b:Number=1; b<seqArray.length; b++) {
seqArray[b]._x = seqArray[b-1]._x + (seqArray[b-1]._width/2) + (seqArray[b]._width/2) + padding;
}
if (seqArray[0]._x <= -seqArray[0]._width/2) {
z = seqArray.shift();
z._x = seqArray[seqArray.length-1]._x + (seqArray[seqArray.length-1]._width/2) + (z._width/2) + padding;
seqArray.push(z);
}
}
XML Driven Perpetual Scrolling Thumbnail Slideshow Questions
I'm setting this thread up to field questions or issues with a Multi-part tutorial I'm working on here:
viewtopic.php?p=14125#14125
The tutorial thread has been locked to keep it clean and not become a 48 page monster that would be no help to anyone.
Perpetual Bouncing :O
http://img105.imageshack.us/my.php?i...umptest3re.swf
press the up button to make it bounce
Code:
onClipEvent(load){
time = 0;
acceleration_verticle = 9.8;
velocity_verticleinitial = 0
}
onClipEvent(enterFrame) {
time += 0.02;
if(_root.floor.hitTest(_x, _y, true)) {
time = 0;
velocity_verticleininitial = 0;
velocity_verticle = velocity_verticleinitial+(time*acceleration_verticle);
}else{
velocity_verticle = velocity_verticleinitial+(time*acceleration_verticle);
}
_y += velocity_verticle
if(Key.isDown(Key.UP) && _root.floor.hitTest(_x, _y, true)) {
velocity_verticleinitial = -5;
}
}
I would like the ball to stop bouncing when it hits the ground again, but, I cannot work out how to stop it from bouncing. Basically, I want a function to make platform game character to jump, but also to work as if in realistic physics. Every tutorial I have found has given me code that makes the guy go at a constant speed. Do you know how to make the ball only bounce once?
Perpetual Animation Upon Load
Hello, I'm sure this is ridiculously simple, but I'd like to create a spinning animation that appears in the flash file upon load- and keeps spinning.
thanks!
Perpetual Motion Lines
Hi,
I'm trying to achieve a effect. I want to have some line organised like a tree.
One end of the lines is fixed, all grouped together the other side is moving all the time at different speed. just like if i had some seed weed skeletom.
Not sure how to start: drawing API or basic drawing?
how can i have a perpetual movement but with one node fixed.
not sure if i explained well , let me know
lets take www.yuco.com to illustrate, execpt that i want the line to move.
cheers
[F8] Perpetual Pedulum Motion Problem
Hello,
I have a problem which I'm trying to solve and I've looked at pendulum tutorials and examples and they aren't quite what I'm after.
Basically, I have a pendulum which is attracted to the mouse on a hitTest target. So when the user mouses over an area the pendulum begins to swing towards it. This all works fine. When you mouse off the hitTest area the pendulum returns to its starting point.
What I want to be able to to do is have the pendulum swinging to begin with and then move to the mouse on the hitTest and when the hitTest is false swing away and keep swinging slightly.
So it goes against the physics because I don't want it to stop really.
My code is this:
Code:
edge_mc.onEnterFrame = function() {
if (hitareaEdge_mc.hitTest(_root._xmouse, _root._ymouse, true)) {
var newAngle:Number = rotation(_xmouse-this._x, _ymouse-this._y);
var dist:Number = Math.abs(newAngle-this._rotation);
this._rotation %= 360;
if (dist>180) {
if (newAngle>this._rotation) {
newAngle -= 360;
} else {
newAngle += 360;
}
}
new Tween(this, "_rotation", Regular.easeOut, this._rotation, newAngle, 2, true);
} else {
new Tween(this, "_rotation", Regular.easeOut, this._rotation, 0, .5, true);
}
}
Would anyone be able to help on that issue? Any help would be grately appreciated.
Cheers
Matt
Simple /:xpos Scrolling, However Load External .swf When Scrolling Stops
Hi guys I need some help with a simple horizontal slider. (See attached)
Basically I have a horizontal slider with 3 buttons which make the slider go to a specific position using:
on (release) {
/:xpos = -376;
}
Now what I want to happen is that when the button is pressed I want it to load an external .swf movie (say video.swf onto level 1)
I have tried just adding using:
on (release) {
/:xpos = 0;
loadMovieNum("video.swf", 1);
}
which just loads the movie and then scrolls. However I need it to be the other way around. It scrolls to the location and then loads the movie.
I would really like it to use some type of statement telling it that if xpos = -350 then load .swf onto level 1 and if xpos has not yet reached -350 to do nothing.
However the major principal is to get the scroll and then the load, rather than the other way around.
Cheers
Dom
Scrolling Text Field That Stays Scrolling On Rollover
on (rollOver) {
mytext.scroll--;
mytext.maxscroll = x;
}
Here is my code, you have to keep clicking the button to scroll the text field, how do I code it to just have the mouse rollover the button and the text field will continue to scroll automatically? Thanks.....
On Press Scrolling Problem. Scrollbar. Scrolling. Button
How do I make this actually work for on press? It works fine for when you just click it, but the on press function doesnt work.
thanks for any help.
on (press) {
textbox.text._y += scrollVal;
if (textbox.text._y>upperLimit) {
textbox.text._y = upperLimit;
}
lineLoc = slider.line._x;
linelength = slider.line._width;
slider.handle._x = ((textbox.text._y/lowerLimit)*lineLength)+lineLoc;
}
Using Flash Scrolling Text Box To Create Scrolling Schedule
Hi All,
For work, I'm creating a PowerPoint presentation which needs to include a really long schedule. I wanted this schedule to crawl up the screen. I thought of doing this part in Flash and inserting it into the PPT. Has anyone had luck with this sort of thing using PPT and Flash? Is there a better strategy. I have CS3 Web and Production and will be doing this portion of the project this weekend and thought I'd ask some pros. Is there another CS3 product that might be better. I am more Familiar with After Effects but haven't used it for anything quite like this before.
Thanks!
How To Smooth The Movement (scrolling Background And Scrolling Menu ) ?
hi! i'm new here and also a beginner in flash.. i need some help on how to smooth the movement in my flash project.. scrolling background with scrolling menu.. i got this script from a tutorial and i did some adjustment on it.. but somehow both the background and menu movement are not smooth as i want. its kept jerky along their movement. this is the script that i use to move both background and menu.. hope someone can help me to repair or to alter this script.. thanks! =)
//scrolling background with scrolling menu
//when mouse moves left, background and menu moves right
if ((_xmouse>-0.5) && (_xmouse<230) && (_ymouse>-0.1) && (_ymouse<450)) {
_root.back._x =_root.back._x +6 ;
_root.menu_mc._x =_root.menu_mc._x +10 ;
}
// when mouse moves right, background and menu moves left
if ((_xmouse>400) && (_xmouse<616) && (_ymouse>-0.1) && (_ymouse<450)) {
_root.back._x =_root.back._x -6 ;
_root.menu_mc._x =_root.menu_mc._x -10 ;
}
if (_root.back._x>1309.5) {
_root.back._x = -79;
}
if (_root.back._x<-697.8) {
_root.back._x =679;
}
//----------------------------------------------
if (_root.menu_mc._x>1200.5) {
_root.menu_mc._x = -99;
}
if (_root.menu_mc._x<-730) {
_root.menu_mc._x =569;
}[/size][/size][/size][/size]
(quickie) Scrolling HTML Field Not Scrolling To The End
Hey guys and girls,
I've got some data from a file displaying in a wrapped, HTML textfield. text is formatted and appears as expected but as i try to scroll, it only scrolls one line down and stops.
the maxscroll property returns 5, and the scroll goes down to 2 and for some reason won't go further down.
but, and here's the fun part driving me f*3%# nuts... if i select the field and then use arrows, i can scroll it that way... but then once i've done that, the buttons work too. I tried using the selection object .. but nothing... and i've turned off the HTML and seen that scroll (probably coincidently) would have a maxscroll of 2.
so question is... what the ****? how can i get thing to work? thanks world. peace.
Question: Text Scrolling Vs. Clip Scrolling
I'm working on a scrollbar right now, and have it working quite nicely for scrolling a movie clip. But I began to wonder, which is better, scrolling a clip with text or scrolling the text itself?
Any thoughts on this flash community?
Personally, I like the fact that you can implement easing and get a smooth scroll by scrolling the clip, but then again, with the scroll wheel now available for the text scrolling, that's cool too.
Anyway, just curious on everyone's thoughts on this. Which do you like to see when you visit a site?
Automatic Scrolling On Mouse Over For Text Scrolling
hi all, ive made a scrolling text box with an up and down button as listed in the tutorials. i know how to make it move 1,2,3,etc lines at a time when the mouse is over but what code/variable do i need to replace the number with to make the text scroll continously as long as the mouse is over it?
thanks
bast
Stopping A Scrolling Thumbnail Scrolling On Its Loadup?
Firstly hey all hope you can help me with what is hopefully an easy question.
Firstly I've made a vertical scrolling verison based on the actionscript of this Tutorial. However because of the lopped motion Tween it begins scrolling instantly after its loaded. I want it to load frozen until the mouse is rolled-on is there anyway in actionscript or by editting the tweens to make it this possible???
This link is an example of my thumbnail scroller (sorry for the shameless self promo of my website!)
http://seantooley.com/pages/Scars&Sp...sGallery15.htm
This is a link to the tutorial I used (tutvid.com) Though it was good!.
http://www.youtube.com/watch?v=2TrIQ...1DBDD6&index=5
Lastly the actionscript if it helps. which I hope someone can! I would be a very grateful man to whoever can provide the answer !!
_root.onEnterFrame = function(){
if(_root._xmouse<240) {
myVar=false;
}
if(_root._xmouse>2) {
myVar=true;
}
if(_root._ymouse<13 and myVar==true) {
ImageBar.prevFrame();
}
if(_root._ymouse>445and myVar==true) {
ImageBar.nextFrame();
}
}
Thanks again Sean Tooley
Scrolling Flash Pane On Scrolling Web Page
This is a repost, but I've still not figured out a solution.
I have a Flash movie that appears on a webpage. The Flash contains scrolling content ( scrollpane, text field, whatever).
The containing webpage is tall, and therefore also has scrollbars.
My Problem: When users try to use the MouseWheel to scroll through my Flash scrolling data, the browser page scrolls as well. It's very annoying.
I would like to be able to have the MouseWheel scroll my Flash scrolling content when it's over the flash, but scroll the webpage when it's not over the Flash.
Does anybody know a way to supress wheel-based browser page-scrolling while my mouse is over a Flash movie??? Is there a way to eat/stop propagation, whatever, of the wheel event in the brwoser, either from Flash or from Javascript?
Scrolling A Dynamically Created Mc (rollover Scrolling)
I've been trying to find a way to do this for a while...
Anyone have any good tutes, examples on creating the horizontal scrolling menu with dynamically attached clips? the style where if the user mouses over the right hand side of the menu it slides left, etc?
there's lots of tutes out there for simple scrolling but not much that take a dynamically sized clip into consideration!
thanks for any input.
Scrolling Photo Gallery But Not Flat Scrolling, Please Help Out
Hey everyone...
First off all, I thank you all to read my first thread in this website and also thanks Kirupa to give me chance to learn from you all masters.
As I am designing a website in which I am stuck where there is a flash script required. I am looking for a script which makes a small 5 to 6 Image scrolling photo gallery.
My problem is I don’t want flat gallery I am looking for a gallery which shows the perspective image coming from a deeper wall (e.g. image attached). In this Image below asume gray is a piller and the image have to scroll from the deep part of the piller in perspective.
Hope you guys and gals can help me.. I'm really stuck here.
Thanks
Rupesh
My Scrolling Pane Won't Stop Scrolling OnRollOut...
I'm having trouble getting the scroll to stop, and can't find a problem in the code. It's in a movie clip called "timeline."
Code:
panel.onRollOver = panelOver;
function panelOver() {
this.onEnterFrame = scrollPanel;
delete this.onRollOver;
}
var b = stroke.getBounds(timeline);
function scrollPanel(){
if(_xmouse<b.xMin || _xmouse>b.xMax || _ymouse<b.yMin || _ymouse>b.yMax){
this.onRollOver = panelOver;
delete this.onEnterFrame;
}
if (panel._x>=-900) {
panel._x = -900;
}
if (panel._x<=-3100) {
panel._x = -3100;
}
var xdist = _xmouse-0;
panel._x += Math.round(-xdist/7);
}
You might notice that I have timeline specified in the var b bit of code, which was the only way I could get it to scroll smoothly - otherwise, it scroll jerky and only a few hundred pixels.
Scrolling Nav Versus Scrolling Textbox...who Will Win?
'ello boardsters...
problem: i have a movie, we'll call it Movie1.
Movie1 contains a scrolling navigation bar.
Movie1 also contains a blank movieclip- Holder- into which are loaded other, content, movies.
One of which- we'll call it Content1- contains a textScroller movieclip for updateable news- the text is loaded in from a .txt file.
the PROBLEM is... when Content1 is loaded into Movie1 and you use the scrollbar on Content1's textScroller, the scrolling navigation bar back in Movie1 gets stuck on one speed- too fast to make it useable.
why's it doing this? are the two in conflict somehow? i'm no programmer, i get my code on..well, flashkit actually! so i'd appreciate some help.
love ya all (particularly the helpful ones)
delilah
Difference Between Scrolling A MC And Scrolling A Textfield?
Hi there,
What is the difference from scrolling a textfield and scrolling a movieclip?
My scrollbar resizes automatically with textfields,
and I don't know how to scroll movieclips within the same scroller. Do I only have to change some names or something?
Thanks Already
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?
Scrolling Text Stops Scrolling
i just finished a messing with a site somebody wanted me to update. Since i really am new at flash, i am still learning about action scripting. I entered the content into a text box that has some scrpiting to scroll down under a mask. It scrolls just fine, but it stops before the entire field is seen. No matter how long the text field gets, it always stops at the same place when viewing the movie.It does this with all the fields at the same point...here is what it says in the "positioning movie" what is this saying?...any help woud be great
*the problem is this isnt something i made, so it makes it that much more difficult.
y = getProperty("../movie", _y);
if (y<70) {
gotoAndStop(10);
} else {
setProperty("../movie", _y, y-6);
}
[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
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;
};
Instead Of Scrolling Text - Scrolling Image
Ive learned how to add a scroll bar to my text boxes - but since I cant make the text in the textboxes do actionscript - I was thinking I could replace the text with an image of the text - and then add buttons to the words.
Simply what im asking is - how can I make an image (it will be of text) scroll inside of a specified area so that it looks just like dynamically loaded text with a scrollbar?
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
Instead Of Scrolling Text - Scrolling Image
Ive learned how to add a scroll bar to my text boxes - but since I cant make the text in the textboxes do actionscript - I was thinking I could replace the text with an image of the text - and then add buttons to the words.
Simply what im asking is - how can I make an image (it will be of text) scroll inside of a specified area so that it looks just like dynamically loaded text with a scrollbar?
Scrolling MC Won't Stop Scrolling
Hey,
OK...I have a scrolling MC with buttons...everything works fine and dandy, except that I would like the scroller to either stop scrolling when it reaches the end or loop. Help Please.
here is my code which is on the 1st frame of my movie:
Mark = 150;
Mouse = _root._ymouse;
diff = Mark-Mouse;
Move = diff/20;
_root.scrollImage._y = _root.scrollImage._y+Number(Move);
IE = Scrolling, Netscape = No Scrolling
aside from figuring out how to make a correct paypal button, my site is working (thanks to help from people here)...
but there's 1 glitch to it...
at the main page, www.onenovember.com there are 2 rollover buttons to the 2 separate sites that I have, and to each one, I applied the followed javascript action to make a pop-up window with no scrollbars, toolbars, etc.
on (release) {
getURL ("javascript:NewWindow=window.open('http://www.onenovember.com/convergence.html','newWin','width=700,height=700,l eft=0,top=0,toolbar=No,location=No,scrollbars=No,s tatus=No,resizable=No,fullscreen=No'); NewWindow.focus(); screen_height = window.screen.availHeight; screen_width = window.screen.availWidth; left_point = parseInt(screen_width/2)-(700/2); top_point = parseInt(screen_height/2)-(700/2); setTimeout('NewWindow.moveTo(left_point,top_point) ',100); void(0);");
Netscape recognizes it, and works correctly, but whenever I open either of the "sites" in Internet Explorer (5.1 on a Mac using OS 10.2), there are scrollbars, toolbars, etc... and I don't know what to do...
Scrolling Text With Scrolling MC
Hey Guys,
I wonder if someone could give me some help with this problem as it's hurting my head!
I have some thumbnails set up which are pulled in by XML. I have up and down buttons which allows the users to scroll through the thumbs. I have just added a dynamic text box to the side which again uses xml to pull in the content. I now want it so that as well as the thumbs scrolling the text also scrolls at the same time. Here's the code I have:
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
thumbnails = [];
total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {
image[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
description[i] = xmlNode.childNodes[i].childNodes[1].firstChild.nodeValue;
thumbnails[i] = xmlNode.childNodes[i].childNodes[2].firstChild.nodeValue;
thumbnails_fn(i);
}
firstImage();
} else {
content = "file not loaded!";
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("images.xml");
/////////////////////////////////////
listen = new Object();
listen.onKeyDown = function() {
if (Key.getCode() == Key.UP) {
prevImage();
} else if (Key.getCode() == Key.DOWN) {
nextImage();
}
};
Key.addListener(listen);
previous_btn.onRelease = function() {
prevImage();
};
next_btn.onRelease = function() {
nextImage();
};
/////////////////////////////////////
p = 0;
this.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 (p<(total-1)) {
p++;
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
picture_num();
}
}
}
function prevImage() {
if (p>0) {
p--;
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
picture_num();
}
}
function firstImage() {
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[0], 1);
desc_txt.text = description[0];
picture_num();
}
}
function picture_num() {
current_pos = p+1;
pos_txt.text = current_pos+" / "+total;
}
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._widt h)) {
if ((_root._ymouse>=(hit_right._y-40)) && (thumbnail_mc.hitTest(hit_right))) {
thumbnail_mc._y -= scroll_speed;
} else if ((_root._ymouse<=(hit_left._y+40)) && (thumbnail_mc.hitTest(hit_left))) {
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 =(target_mc._height+5)*k;
//trace(target_mc._width+" "+target_mc._parent._rotation)
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);
}
//init TextArea component
myText.html = true;
myText.wordWrap = true;
myText.multiline = true;
myText.label.condenseWhite=true;
/******************************/
//load css
kungFuStyle = new TextField.StyleSheet();
kungFuStyle.load("kungfu.css");
myText.styleSheet = kungFuStyle;
/******************************/
//load in XML
kungFuContent = new XML();
kungFuContent.ignoreWhite = true;
kungFuContent.load("kungfu.xml");
kungFuContent.onLoad = function(success)
{
if(success)
{
myText.text = kungFuContent;
}
}
Thanks
Shell
Scrolling Mad
hi there
i am building a site with several movie clips which contain scrollable textfields.
i finished a prototype of the textbox, it works fine.
now when i duplicated it (and i did take care of which symbols to duplicate and which not) the scrolling in the second textbox didn't work any more.
i found out that clicking on an arrow belonging to the second textbox causes the FIRST textbox to scroll.
i don't see why it does, because all the variable paths are relative.
in the same timeline as the textbox i have a trigger mc that does the scrolling by referring to: _parent.scrolltext.scroll
so how can it make the first textbox scroll? each textbox and triggers are in a seperate mc that have different instance names...
maybe anyone can help or has any suggestions
thanks in advance
leaf
Scrolling
How can I assign keys for scrolling options?
Scrolling
I was recently visiting the egomedia.com website and liked the idea of having a scroll bar. I looked on Flashkit for it and found one tutorial that had an example of a scroll function in action. The problem was that it did not describe the proccess in easy-to-understand terms so I did not understand it. I downloaded the attached file and tried copying the contents to my existing movie and the scrolling did not function.
I would appreciate it if anyone could explain to me how to create an OS type scroll bar.
Thank you in advance.
Scrolling MC Help
I need to create a movie clip that scrolls left and right with user controlled scroll buttons.
Any help, script, or tutorials would be greatly appreciated!
Scrolling MC
I'm trying to make a scrollbar scroll a mc with active buttons.
I know there is already a post similar to this but I'm not even sure how to get that far in scrolling a mc.
Scrolling Help
A couple of questions/comments on scrolling:
Is it me or is there no really nice way to use scrollbars for text? Every implimentation I've seen WORKS but always seems kind of slow and clumsy.
Or am I doing it wrong?
Also, on this same note, is the "slowness" of Flash in some cases different depending on the platform speed it's running on? ie will the scroll bars run smoother on a faster processor?
I'm still working on scrolling and any relevant and GOOD tutorial would be appreciated. I can jump to top and bottom using the "maxscroll" property on buttons, but I'm not really sure how to "drag" a pointer and have move the text.
Comments/suggestions appreciated!
Scrolling?
how can i create a scrolling bar which can drag only by vertical.thanks
Scrolling MC
Hello Everyone,
I have an action script question. I am trying to load an external swf file into a MC that i created in my "home" swf file. I added the following scrolling mc clip file from flashkit...
http://www.flashkit.com/tutorials/In...02/index.shtml
But when I load this swf into a MC, it seems to lose it's ability to move the MC within the embedded swf file. I tried to change the target paths within the embedded swf so it reflects the path with the host swf.
Any recommendations on the best way to go about this?
thanks everyone!
bill
Scrolling
Hello,
I have a up and down arrow that are used for my scrolling text box. When a user clicks the down button, the text scrolls down and vice versa. The problem is that it runs only once.
on (press) {
_root.content.scroll++;
lineLoc = _root.slider.line._x;
linelength = _root.slider.line._width;
_root.slider.handle._x = (((_root.content.scroll-1)/(_root.content.maxscroll-1))*linelength)+lineLoc;
}
Now I would like to have it so that it keeps scrolling down as the user keeps the mouse button pressed down instead of running just once. Any suggestions? Thanks
Scrolling
basically i need to know a peice of actionscripting... my client doesn't like that i draw text from outside files.. because of one simple reason..
you can't keep font consistancy.. ( it has to be default HTML font)
i am basically going to use a layer with 2 buttons and a scroller.. then i am going to have a mask layer.. then the text under that..... i can't figure out how to make that text move up an down.....
anyone have any scripts or a scratch .fla i can use to build upon.. i am kind of in a bind....
Scrolling
??? Can anyone tell me how to achieve a scrolling set of images? I would like the images to file in off the screen onto the stage and then allow the viewer to control which direction he/she wants to go with two arrows
Thanks, nauhs
360 Scrolling
for my project i want to have a site with a scrollable back ground (eg move mouse to the left the background image moves to the left and so on in a 360 type movement)
how do i get the background to loop? so you get to the far left of the image and it then goes to the far right in the 360 manner mentioned above??
not sure, have been playing around but no luck
hope you guys can help
Scrolling Mc's
is it possible to create a movie clip which is loaded into a target that is scrollable?
Basically, I want to be able to scroll through various thumbnails on a page. The thumbnail would reside in a framed in area within the page.
any takers?
Scrolling X And Y
I'm looking to do something like: http://www.msnrd.de/scrollers/ but in both directions. What is actually being scrolled is an image that I intend to place "hotspots" on so that a tooltip is popped up when the user moves the mouse over it.
Any help is greatly appreciated.
Scrolling
here's how i handle scrolling...is there a better way? currently, it's kinda choppy:
All my content is put into a mc (mcContent).
I set values that define where the mc should be when it is at the top (START_CONTENT), and where it should be when it is at the bottom (END_CONTENT).
I also set values for where my the handle (mcHandle) of my scroll bar should be when it is at the top (START_SCROLL), and where it should be when it is at the bottom (END_SCROLL).
I make an giant invisible button that stretches the entire length of the scroll. Attached to that is a startDrag of the movie clip which is the actual handle (mcHandle).
Attached to mcHandle, is this code:
onClipEvent (enterFrame) {
_root.mcContent._y = _root.START_CONTENT+((_root.START_SCROLL-_root.mcHandle._y)*(_root.DIFF_CONTENT/_root.DIFF_SCROLL));
}
Essentially, this equation calculates the handles position relative to the entire possible scroll area, and then applies that ratio to the movie clip. So, when scroll bar is at the top, the mc will be at the top. When scroll bar is at the bottom, mc will be at the bottom. etc etc
btw- DIFF_CONTENT & DIFF_SCROLL are the Difference between start end content, and difference between start end scroll
Thanks,
-john
|