Image And Text Scroller?
Guys i need help creating a scroller with images and text in it....i want it to ease also...if anyone would have a good tutorial/script/ or advice...i'd deeply appreciate it...thanx..
Ultrashock Forums > Flash > ActionScript
Posted on: 2005-09-25
View Complete Forum Thread with Replies
Sponsored Links:
Image+text Scroller, Form Scroller, And Loading External Text Files - Urgent
Hi everybody!
Does anybody know how to do the following things in Flash MX?
1.Make a scroller with text + images in it;
2.Make a scroller with text + a form in it;
3.I followed the tutorial entitled "Scrolling Dynamically Loaded Text", but the text that I tried to load has over 160 lines, and I can only scroll down to about half way of the total lines. Why is that?
4.I also tried to load xml files using the code <?xml version="1.0" encoding="utf-8"?> on the first line of each xml file, but the ', &, and " " don't work.
Can anybody help me, please? This is urgent!
Thanks in advance!
animind
View Replies !
View Related
Image+text Scroller, Form Scroller, And Loading External Text Files - Urgent
Hi everybody!
Does anybody know how to do the following things in Flash MX?
1.Make a scroller with text + images in it;
2.Make a scroller with text + a form in it;
3.I followed the tutorial entitled "Scrolling Dynamically Loaded Text", but the text that I tried to load has over 160 lines, and I can only scroll down to about half way of the total lines. Why is that?
4.I also tried to load xml files using the code <?xml version="1.0" encoding="utf-8"?> on the first line of each xml file, but the ', &, and " " don't work.
Can anybody help me, please? This is urgent!
Thanks in advance!
animind
View Replies !
View Related
Text Scroller With Image With Mouse Scroller
Hi to all,
I have problem with flash. that i want to creat dynamic text & image scroller in scroller by creating custom scroller (not inbuilt component) That scroller i can scroll with help of mouse's scroller. (the mouse's scroller & image must be include in to the scroller box)
Help me !
Help me !
Reply me fast if u have solution for it!!!!
Regards,
Samual
View Replies !
View Related
Image And Text Scroller Problem
Hello all !!!
I have a text and picture scroller that i'm using in a website i am making. (i didn't make the scroller, i downloaded it from a tutorial ages ago).
When i use the scroller on the main timeline, it works, but if i put it in a MC then i doesn't work any more. I can't seem to find the solution... If anyone could help.
SCROLLER HERE
View Replies !
View Related
Text/image Scroller Is Acting Weird
Check this out:
http://www.gradlaunchusa.com/flash.html
Click "services" or "calendar" on the top navigation, then go to the page that loads up. If you click the scroll box (not the up/down arrow) it will follow your mouse around. I want it to release when the mouse button is released...any idea how to do this?
Here's a source file from one of the pages, maybe something is wrong in the script....I'm not sure what to change.
Any help is appreciated.
View Replies !
View Related
Targeting Thumb Nail Image In Image Scroller To Full Size In Middle Of Screen
Hi people....
Thanks for your time....I`m basically looking for ideas on how to do the following. Most of the work is done all I need I hope is a little actionscript... ( I hope)
I`m building a scrolling picture gallery for someone where they want the thumbnail images, once clicked upon to scale very large in the middle of the screen on top of the image scroller. When the image is clicked it zooms back down to where it was clicked upon in the scolling image gallery. The site that best describes this is http://www.chris-bailey.com.
I can do the scrolling image gallery (well, thanks to other friendly flask kit people) and get the user to click the image buttons to load a movie above the scrolling gallery but its targeting the moving images in the scroller to target to the middle of the screen and stop moving and then go back down to the moving scroller.... All the images in the scroller are seperate movies that are obviously easy to scale but I need to turn off the scrolling action when they start scaling into the main movieso they remain still to view. Any ideas please? Using Flash MX.
Thanks.... Angus
View Replies !
View Related
Convert Movieclip Scroller To Dynamic Text Scroller
I have code I borrowed that is set up to scroll a movie clip image. However, it doesn't work well if I replace the graphics with a text box as the scrolling becomes "jerky" as I think there is too much information for it to process with the complexity of the text. So I was hoping to change the scrolling content from a movie clip image with text to a dynamic textbox. But it will not function when I do that change. In this currrent setup, the movieclip instance name is "contentmain". I tried naming the instance of the dynamic textbox with that name, but no text shows up next to the scroller when I play the movie.
Here's the code:
scrolling = function () {
var scrollHeight:Number = scrollTrac._height;
var contentHeight:Number = contentMain._height;
var scrollFaceHeight:Number = scrollFace._height;
var maskHeight:Number = maskedView._height;
var initPosition:Number = scrollFace._y=scrollTrac._y;
var initContentPos:Number = contentMain._y;
var finalContentPos:Number = maskHeight-contentHeight+initContentPos;
var left:Number = scrollTrac._x;
var top:Number = scrollTrac._y;
var right:Number = scrollTrac._x;
var bottom:Number = scrollTrac._height-scrollFaceHeight+scrollTrac._y;
var dy:Number = 0;
var speed:Number = 10;
var moveVal:Number = (contentHeight-maskHeight)/(scrollHeight-scrollFaceHeight);
// Setup easing event
contentMain.desiredX = contentMain._y;
contentMain.onEnterFrame = function() {
this._y -= (this._y - this.desiredX) / 3;
};
scrollFace.onPress = function() {
var currPos:Number = this._y;
startDrag(this, false, left, top, right, bottom);
this.onMouseMove = function() {
dy = Math.abs(initPosition-this._y);
contentMain.desiredX = Math.round(dy*-1*moveVal+initContentPos);
};
};
scrollFace.onMouseUp = function() {
stopDrag();
delete this.onMouseMove;
};
btnUp.onPress = function() {
this.onEnterFrame = function() {
if (contentMain._x+speed<maskedView._x) {
if (scrollFace._x<=left) {
scrollFace._x = left;
} else {
scrollFace._x -= speed/moveVal;
}
contentMain._x += speed;
} else {
scrollFace._x = left;
contentMain._x = maskedView._x;
delete this.onEnterFrame;
}
};
};
btnUp.onDragOut = function() {
delete this.onEnterFrame;
};
btnUp.onRelease = function() {
delete this.onEnterFrame;
};
btnDown.onPress = function() {
this.onEnterFrame = function() {
if (contentMain._x-speed>finalContentPos) {
if (scrollFace._x>=right) {
scrollFace._x = right;
} else {
scrollFace._x += speed/moveVal;
}
contentMain._x -= speed;
} else {
scrollFace._x = right;
contentMain._x = finalContentPos;
delete this.onEnterFrame;
}
};
};
btnDown.onRelease = function() {
delete this.onEnterFrame;
};
btnDown.onDragOut = function() {
delete this.onEnterFrame;
};
if (contentHeight<maskHeight) {
scrollFace._visible = false;
btnUp.enabled = false;
btnDown.enabled = false;
} else {
scrollFace._visible = true;
btnUp.enabled = true;
btnDown.enabled = true;
}
};
scrolling();
Any ideas?
Thanks,
Dave
View Replies !
View Related
Convert Movieclip Scroller To Dynamic Text Scroller
I have code I borrowed that is set up to scroll a movie clip image. However, it doesn't work well if I replace the graphics with a text box as the scrolling becomes "jerky" as I think there is too much information for it to process with the complexity of the text. So I was hoping to change the scrolling content from a movie clip image with text to a dynamic textbox. But it will not function when I do that change. In this currrent setup, the movieclip instance name is "contentmain". I tried naming the instance of the dynamic textbox with that name, but no text shows up next to the scroller when I play the movie.
Here's the code:
scrolling = function () {
var scrollHeight:Number = scrollTrac._height;
var contentHeight:Number = contentMain._height;
var scrollFaceHeight:Number = scrollFace._height;
var maskHeight:Number = maskedView._height;
var initPosition:Number = scrollFace._y=scrollTrac._y;
var initContentPos:Number = contentMain._y;
var finalContentPos:Number = maskHeight-contentHeight+initContentPos;
var left:Number = scrollTrac._x;
var top:Number = scrollTrac._y;
var right:Number = scrollTrac._x;
var bottom:Number = scrollTrac._height-scrollFaceHeight+scrollTrac._y;
var dy:Number = 0;
var speed:Number = 10;
var moveVal:Number = (contentHeight-maskHeight)/(scrollHeight-scrollFaceHeight);
// Setup easing event
contentMain.desiredX = contentMain._y;
contentMain.onEnterFrame = function() {
this._y -= (this._y - this.desiredX) / 3;
};
scrollFace.onPress = function() {
var currPos:Number = this._y;
startDrag(this, false, left, top, right, bottom);
this.onMouseMove = function() {
dy = Math.abs(initPosition-this._y);
contentMain.desiredX = Math.round(dy*-1*moveVal+initContentPos);
};
};
scrollFace.onMouseUp = function() {
stopDrag();
delete this.onMouseMove;
};
btnUp.onPress = function() {
this.onEnterFrame = function() {
if (contentMain._x+speed<maskedView._x) {
if (scrollFace._x<=left) {
scrollFace._x = left;
} else {
scrollFace._x -= speed/moveVal;
}
contentMain._x += speed;
} else {
scrollFace._x = left;
contentMain._x = maskedView._x;
delete this.onEnterFrame;
}
};
};
btnUp.onDragOut = function() {
delete this.onEnterFrame;
};
btnUp.onRelease = function() {
delete this.onEnterFrame;
};
btnDown.onPress = function() {
this.onEnterFrame = function() {
if (contentMain._x-speed>finalContentPos) {
if (scrollFace._x>=right) {
scrollFace._x = right;
} else {
scrollFace._x += speed/moveVal;
}
contentMain._x -= speed;
} else {
scrollFace._x = right;
contentMain._x = finalContentPos;
delete this.onEnterFrame;
}
};
};
btnDown.onRelease = function() {
delete this.onEnterFrame;
};
btnDown.onDragOut = function() {
delete this.onEnterFrame;
};
if (contentHeight<maskHeight) {
scrollFace._visible = false;
btnUp.enabled = false;
btnDown.enabled = false;
} else {
scrollFace._visible = true;
btnUp.enabled = true;
btnDown.enabled = true;
}
};
scrolling();
Any ideas?
Thanks,
Dave
View Replies !
View Related
Image Scroller- Loaded Image Keeps On Scrolling
Hello. I am working on a client image scroller for my compaines website. What I want to do is once the user click on a specific client logo, a image pops up inside a " holder" MC. But when this happens, the image that appears scrolls along with the scroller nav bar.
My question: is there a way to make the image linked to button to stop scrolling?
Please see the attachment and click on the " DELL" button to see what I am talking about.
TIA
View Replies !
View Related
Image Scroller
hi all there.
i have movie clip that contains 12 images
i have to scroll these images to scroll vertically
and it should continue to repeat the 1 first image after
the 12th images is scrolling .
plz. note that i dont want to move the images with
respect mouse postion .
any help
i need it urgently for a CD presention
fLashPrashi
keeP IT fLashiNg
View Replies !
View Related
Image Scroller
hi all there.
i have movie clip that contains 12 images
i have to scroll these images to scroll vertically
and it should continue to repeat the 1 first image after
the 12th images is scrolling .
plz. note that i dont want to move the images with
respect mouse postion .
any help
i need it urgently for a CD presention
fLashPrashi
keeP IT fLashiNg
View Replies !
View Related
Help With Image Scroller
http://www.flashkit.com/movies/Inter...35/index.shtml
I downloaded the fla file for this images scroller. It works great but unfortunately their arn't any instructions on how to add your own images, change size , etc. If anyone is familiar with how to do this please contact me.
damm@bestweb.net
View Replies !
View Related
Image Scroller Help
I have this image scroller that I cant get to work. it all seems to work fine except i cant get the scroller to follow the mouse. please help. heres the fla.
http://www.geocities.com/rushonline2...hPicViewer.fla
View Replies !
View Related
Image Scroller
I have tried to make an image scroller with easing, but cant do it!
Much like this one image scroll with link buttons
Can anyone direct me or show me a flash(not swish) tut of movie that does this?
Striker
View Replies !
View Related
Image Scroller
Does anyone know of an easy image scroller that works well? In easy I mean, is it easy to implament into the site, and also is it easy to edit with your own photos. If you know of any please give me a link. Thanks a bunch.
Andy
View Replies !
View Related
Image Scroller
I'm trying to make a simple image scroller where you have two buttons that look like this: < and >. when you mouse over the button, a string of images begins scrolling in the direction of the button you rolled over. Once the image you want has appeared, the user can then click it for a larger photo and some info. The latter part I can do. The scrolling part I can't.
I have toyed with it myself, but my knowledge of actionscript isn't that great yet, and none of my codes worked. And yes, I have searched on this subject, but it became tedious and I wasn't finding what I was looking for. When I did find something with potential, flashkit (or maybe my comp) started acting buggy and I couldn't download a fla.
so, if anyone has any advice it would be appreciated.
thanks.
View Replies !
View Related
Image Scroller
hi, i need to create an image scroller like the one on this website:
http://www.nexuslondon.com/main.html
i need it to keep moving slowly like this one. if there is an example or tuturial i would be really grateful.
cheers!
View Replies !
View Related
An Image Scroller, It's Right, But Not
So, I found this tutorial here somewhere and now I've done it and it won't work. I've spent about 6 hours on it (yeah, I'm embarrased) but I'm sure it should work.
The only thing I can think of is that maybe I'm not naming the instance? I mean, I think I am, but maybe I'm not. Here is the fla, I zipped it becuase it's 148 k and there's a limit to the size of the attachments here.
Thank you.
Also, I'm going to want to make the scrolling vertical and.
Thanks, M
View Replies !
View Related
Image Scroller
I am trying to make a window that is smaller than the image loading inside, and allow a user to move or scroll left and right and up and down. It must be a movieclip with an external jpg loaded into it.
I have been searching everywhere for an example, but cannot find it.
HELP and happy new year!
View Replies !
View Related
Image Scroller
I want to create 4 buttons, up - down - left - right, that scrolls/moves an image in all these directions. Are there anyone who knows where I can find online tutorials for this? I have found tutorials for Horizontal- and Vertical scrolling but nothing that combines the two.
View Replies !
View Related
Image Scroller
I'm in the process of making one of those nice image scrollers that you see all over the place, but am having a bit of trouble with the mouse co-ordinates.
Basically, I can get the X position working, just about, but the Y position is a mystery to me. I want the scroll to only occur when the mouse pointer is within the confines of the menu, not at any point on the screen as is currently the case.
Here's the troublesome code...
xm = 0;
//function to set the xpos of the movieclip
function xpos(bar_length,mul)
{
hpos = 0;
scroll_length = 840;
incr = bar_length/scroll_length;
xm = _xmouse;
if(_xmouse <= 10){xm = 10;}
if(_xmouse >= 450){xm = 450;}
scroll_x = hpos - xm;
scroll_x = scroll_x * mul;
x_pos = scroll_x * incr;
x_pos = x_pos + hpos;
return x_pos;
}
onEnterFrame = function ()
{
// call function xpos
x_pos = xpos(950,.70);
with (scroller)
{
_x += (x_pos - _x)*.4;
}
}
I've posted the files for you to have a look at.
Any help would be appreciated...
View Replies !
View Related
Image Scroller
Im in need of a horizontal image scroller thats controlled by buttons. i checked the movie section but didnt see any except for one done in swish.If you know the location of one, it would be greatly appreciated. I tried making one but I never could get it working. Thanks.
View Replies !
View Related
Image Scroller
I like to create a horizontal strip to automatically scroll through several images, AND be controlled by the mouse hovering over it. Also, I'd like those images to be buttons that would link to other pages.
If anyone knows of a tutorial/movie or any help resource, I'd be very grateful.
Thanks
View Replies !
View Related
Image Scroller
I have created an image scroller with a 'next' and a 'previous ' button. The animation goes backwards and forwards on the timeline (works like a gem).
function Movement() {
if (_root._currentframe > _root.mytarget){
prevFrame();
}else if (_root._currentframe < _root.mytarget){
nextFrame();
}else{
stop();
}
}
this.onEnterFrame= Movement;
On the buttons, I put the targets:
on(Press){
_root.mytarget=30;
But when I added the script to make the scroller (mc)ease out with acceleration, the 'next' skips the animation (goes directly to the target)whereas the 'previous' works. The script I added to the scroller is:
onClipEvent(enterFrame){
_x += (637.4 - _x)*0.06;
_y += (245.9 - _y)*0.06;
}
I'm a beginner at action script (as you may have noticed). Any ideas would be seriously appreciated.
Thanks
View Replies !
View Related
Image Scroller
I was just enquiring; if I had an image as the background and had for
example a picture box 50x50 scrolling right to left; how would I at the edge of the flash movie make it fade in and out? so it fades back into the background image?
View Replies !
View Related
Image Scroller
i've been trying to put this scroll thing together of images for a gallery.. it was going fine but i've run out of document space after only about 4 images! flash says it only goes up to 2800 pixels or something!
does anyone know how i can do a gallery like this using flash?
thanks
bethhttp://www.mrdavidviner.com/scrollthing.htm
View Replies !
View Related
Image Scroller?
Hey guys!
Curious, actually I was just checking threads and saw somebodys site (which is similar to what I want):
I could have sworn I saw (somewhere) a code or a way to do this, something like this:
http://housing.gmu.edu/TODO/Viewbook/00.asp
up at the top she has these arrows to scroll left and right.
What I want to do is have a filmstrip vertically and when a user hovers over the filmstrip (anywhere), the pictures will scroll.
Sorta like this icon (but in flash):
http://www.livejournal.com/userpic/28652523/2903313 with definitely more ease. Is that doable? Do you know how ...is it like a tween or actionscript? Is there a way where the image scroller can keep going and start from the beginning without blinking?
Thanks guys - I'd even pay someone $5 to teach me this lol. It's not a lot, but it's money?
- Jess
View Replies !
View Related
Image Scroller
Hi guys
I came across this nice image scroller (http://www.tigeraspect.co.uk/) and wondered if anyone had a script like it, but I'm hoping that the images can be loaded from an external xml or txt file.
Also would like it so it only moves left and right (slowly) when you place your mouse over the images.
Last request, I would also like it so when you click on the image it will display information in a text field (info from an external file again), I'm happy to donate some money for such a file as I thought it would make a nice additional to my web site.
Any help would be grateful.
Thanks all.
Sims
View Replies !
View Related
Image Scroller
I have a website that Im working on in which i have an scrollable image gallery. I am using a code that works as a frame script to move the images on the x axis. however, this is not working the way Id like because no matter where your mouse is on the movie, the images keep scrolling. what I would like to do is have the code be on the scrollable image movieclip itself so that whenever the user moves his mouse away from the clip, it stops scrolling. I have enclosed an example of the way it is now. If someone could help me with this I'd greatly appreciate it.
View Replies !
View Related
Asking For HELP With An IMAGE SCROLLER
Hi I am in need of some serious help with a flash movie listed on here...
The one I am having trouble with is located at:
http://www.flashkit.com/movies/Inter...4629/index.php
http://www.flashkit.com/movies/Inter...4629/index.php
Here is what I am having problems with:
What happens is that when I resize the entire movie size (the background) from 280 to 242.8 - I try to move the entire scroller and all up on the background to a vertically higher spot, the scroller gets all screwed up. It get some weird jumping actions, and puts gaps in the photos. So I think I have located the problem, which I think lies in ACTION: FRAME 8
this is the code in that frame:
p = getProperty("/photo", _y);
b = getProperty("/btn", _y);
if ((p)>(78)) {
setProperty("/photo", _y, -233);
setProperty("/btn", _y, -233);
gotoAndPlay(_currentframe-1);
}
if ((p)<-233) {
setProperty("/photo", _y, 78);
setProperty("/btn", _y, 78);
gotoAndPlay(_currentframe-1);
}
I have played with these numbers over and over...
So basically if you wanted to see what I'm trying to do, resize the movie from 280 to 242.8
Then drag the image scroller up so that the area that is visible is centered in the middle of the movie
That's when the problem arises...
Please pleeese pleeeeese someone help me, it's driving me mad!
Thanks everyone! As this is my first post, I'm not sure how the replies work, so here is my e-mail address:
tyepoh@gmail.com
-Patrick Murray
View Replies !
View Related
Image Scroller....
Hi guys, I've made an image scroller for a gallery, it scrolls when you move your mouse, but I cant seem to get the ends to join properly, can someone check it out for me please?
The file is here:
http://www.lagartoloco.com/Sites/Paintguard/gallery.zip
Cheers
View Replies !
View Related
Image Scroller Like This...
http://www.nba.com/
I would like to be able to create a image scroller similar to the one at the link above. I have Flash 8, but not sure how to do this. I would also be fine with a component that does this.
Thanks,
tdsilk
View Replies !
View Related
Image Scroller
Do you guys know how to get this thumbnail scroller to keep scrolling when it runs out of external images? For instance .. right now, I have three images in my external folder. When I scroll using the button, it stops scrolling once the third image has been displayed -- Instead I want it to keep scrolling to the first image, and so on.
Any ideas?? I can't seem to get this one working ..
Here's the thumbnail scroller code
Code:
function thumbNailScroller() {
// Photo Slideshow
this.createEmptyMovieClip("tscroller", this.getNextHighestDepth());
scroll_speed = 35;
tscroller.onEnterFrame = function() {
if ((_root._ymouse>=thumbnail_mc2._y) && (_root._ymouse<=thumbnail_mc2._y+thumbnail_mc2._height)) {
if ((_root._xmouse>=(hit_right._x-0)) && (thumbnail_mc2.hitTest(hit_right))) {
thumbnail_mc2._x -= scroll_speed;
} else if ((_root._xmouse<=(hit_left._x+0)) && (thumbnail_mc2.hitTest(hit_left))) {
thumbnail_mc2._x += scroll_speed;
}
}
};
}
function thumbnails_fn(k) {
thumbnail_mc2.createEmptyMovieClip("t"+k, thumbnail_mc2.getNextHighestDepth());
tlistener = new Object();
tlistener.onLoadInit = function(target_mc) {
target_mc._x = hit_left._x+(target_mc._width+5)*k;
target_mc.pictureValue = k;
target_mc.onRelease = function() {
p = this.pictureValue-1;
p++;
getlink();
};
target_mc.onRollOver = function() {
this._alpha = 100;
thumbNailScroller();
};
target_mc.onRollOut = function() {
this._alpha = 100;
};
};
image_mcl = new MovieClipLoader();
image_mcl.addListener(tlistener);
image_mcl.loadClip(thumbnails[k], "thumbnail_mc2.t"+k);
}
View Replies !
View Related
Xml Image Scroller
Hi Everyone!
Im having some trouble with another image scroller, Iv tried many sooo attempts at this but just cant get it to work right please help me flashers!
Iv attached my project, it is a completely different approach to my last post i promise, Im not posting the same thing again. however, this one is causeing me just as much grief.
so attached are the files, its flash 8 format, and im basically having trouble with the function called "loadImages()"
It pretty much works, altho it doesnt seem to read the correct values and I get blanks where images should appear, what I want it to do is load all the images, and if there are less than 8 it should show image 1+ again, thus, making a never-ending scroller.
another thing that is bugging me is the loadMovie action.
Is there a way to preven this from flickering as it loads the new images? as this is supposed to be pretty seamless, I know it loads into the cache and the flicker is only a split second but still, it makes it obvious that its loading again. grr
Im getting really frustrated with this project now, and I think for the time Iv put in iv totally under quoted. please please please help people.
I know someone out there can help me sort this.
- If all else fails -
can some one point me in the direction of/ help me out with making this from scratch? I just want an image scroller that enlarges the middle image to double the size, like what you see on ebay auctions sometimes. I need all the images to be pulled from an XML document.
thanks
ps sorry if is hard to understand, its very late and Iv been working on this non stop for far too long. I might be missing soe very simple facts, but this too is probably due to tiredness. hmph, is anybody able to help with this?
View Replies !
View Related
Image SCROLLER PLEASE HELP
Hi,
I have read almost every topic on here concerning scrollers and images. I must say that all the topics i read although some came accross the same problem as i had, none of them had answers.
This is my problem. I have got the scroller to work in a basic function. All i want to do is add actions to the button within the mc to call up an image into that window or a new one. I am not very good with falsh.
Excuse the file size.
View Replies !
View Related
Image Scroller
I created a horizontal image scroller using action script. The images were converted to buttons so as to add action, but I can't seem to figure out how to get the buttons to enact viewing the image on the main timeline. For example, my buttons are within a movie file in their own layer, but I can't set the buttons to bring up a copy of the image outside of the movie.
View Replies !
View Related
Image Scroller
I created a horizontal image scroller with about 20 images. The .fla file is about 1200 frames @ 30fps. I want it scroll smoothly but it jerks and stutters. I tried adjusting the fps, putting space between the images, and making the strip one long image. Nothing has worked so far. Does anyone have any ideas. I have included the link so you can view it.
www.sodemel.com/home.html
Thanks,
Brad
View Replies !
View Related
Image Scroller
I started out at kirupa forum but am not getting help so I'm posting here.
I was trying to make a scroller like this one
http://yzdesignatrium.com/ - select Portfolio
when I stumbled upon the kirupa Adding Thumbnials tutorial
http://www.kirupa.com/developer/mx2004/thumbnails.htm
Here is what I have so far
http://208.106.214.149/martasewall/thumbnail_initial.html
As you can see the spacing between my thumbnails is not correct. I did
read through the code, specifically this line but I can not see what I
need to change
target_mc._x = hit_left._x+(target_mc._width+5)*k;
Here is a copy of the fla
http://208.106.214.149/martasewall/thumbnail_initial.fla
I worked on the code this morning. Here is a link to a copy of the swf
with changes made to try and pick up the width of the previous image.
I'm getting closer but still do not have it correct. I guess I still do
not know why the one line uses *k.
http://208.106.214.149/martasewall/thumbnail_initial%20copy.swf
http://208.106.214.149/martasewall/thumbnail_initial%20copy.fla
I would appreciate any help. Or if someone know of another tutorial?
View Replies !
View Related
Image Scroller Help
Hello
I'm new to the flash world and I ran into a problem trying to modify a image scroll fla. This fla is intended to work with images with the same dimensions that are loaded from an xml file. But I would like to use a set of images that vary in the width dimension. I've tried modifying some of the variables and code but my changes didn't produce the desired outcome. Any help would be greatly appreciated!
Thanks
Attach Code
verticalMenu = false;//whether it's a vertical or horizontal menu
actualWidth = 130;//the width of tha actual jpeg's specified in the XML file
actualHeight = 130;//the height of tha actual jpeg's specified in the XML file
imageW = 100;//thumbs width
imageH = imageW*actualHeight/actualWidth;//thumbs height is automatically calcualted
menuX = 0;//menu's X position
menuY = 2;//menu's Y position
spacing = 2;//thumbs spacing
inColor = 25;//thumbs onRollOver color intensity
outColor = -45; //thumbs onRollOut color intensity
coloringSpeed = 7;//the speed on changing color between onRollOver and onRollOut states
useMaxColor = true;//whether to use max color intensity on roll over
maxColorValue = 170;//max color intensity value
minScrollSpeed = 2;//minimum scroll speed
maxScrollSpeed = 80;//maximum scroll speed
scrollEaseIn = 40;//scroll ease in
scrollEaseOut = 50;//scroll ease out
preloaderSize = 15;
loadSmoothed = true;//might increase a bit processor usage
showDescription = true;//whether to use the description text
descriptionY = 102;//y pos of the description
descriptionX = 0;//x pos of the description
useMirror = 2;//2 for true, 1 for false
if (verticalMenu) useMirror = 1; //if verticalMenu is true, useMirror it's automatically false
//IMPORTANT! in order to have a proper mirror effect, "inner" and "masker" and "mirr" symbols from the
//library must have the same width and height as the imageW and imageH variables
mirrorDistance=0; //the spacing between the thumbs and their reflection
target = "_self"; //"_self" for opening URLs in the same window, "_blank" for opening them in a new window
//don't need to edit the code below
import flash.geom.ColorTransform;
import flash.geom.Transform;
import flash.display.*;
var xml:XML = new XML();
xml.ignoreWhite = true;
var images:Array = new Array();
var urls:Array = new Array();
var menu:Array = new Array();
var info:Array = new Array();
iC = inColor + Math.abs(outColor);
dist = 0;
loadXML = function () {
var photos:Array = this.firstChild.childNodes;
total = photos.length;
menu = createEmptyMovieClip("menu", 0);
menu._y = menuY;
menu._x = menuX;
for (var i=0;i<total;i++) {
images.push(photos[i].attributes.image);
urls.push(photos[i].attributes.url);
info.push(photos[i].attributes.info);
item = menu.createEmptyMovieClip("it"+i, i);
if(verticalMenu) {
item._y = dist;
dist += imageH + spacing;
}
else {
item._x = dist;
dist += imageW + spacing;
}
pr = item.attachMovie("preload","pr", 1);
pr._x = imageW/2; pr._y = imageH/2;
pr._width = pr._height = preloaderSize;
holder = item.createEmptyMovieClip("holder", 2);
loadBitmapSmoothed(images[i], holder, imageW, imageH);
if (useMirror==2) {
r = item.attachMovie("mirr","r", 3);
r._visible = false;
loadBitmapSmoothed(images[i],r.ref.inner,imageW, imageH);
r._y = 2*imageH+mirrorDistance;
r._yscale=-100;
}
holder.onEnterFrame = function () {
if (this.isLoaded) {
if (useMirror == 2) this._parent.r._visible = true;
removeMovieClip(this._parent.pr);
delete this.onEnterFrame;
}
}
item.onClick(i);
var trans:Transform = new Transform(item);
var colorTrans:ColorTransform = new ColorTransform();
colorTrans.blueOffset = colorTrans.greenOffset = colorTrans.redOffset=colorTrans.alphaOffset= outColor;
trans.colorTransform = colorTrans;
}
onEnterFrame = function () {
if (verticalMenu) {
if (mouseOverMenu) ypos = (Stage.height-2.5*imageH - menu._height)*_ymouse/(Stage.height-imageH) + 2.5*imageH;
if (ypos > 0) ypos = 0;
if (ypos < (Stage.height-menu._height)) ypos = Stage.height-menu._height;
difference = Math.abs(menu._y - ypos);
s = speed(difference);
if (difference < minScrollSpeed) menu._y = ypos;
else {
if (menu._y > ypos)menu._y -=s;
if (menu._y < ypos) menu._y +=s;
}
}
else {
if (mouseOverMenu) xpos = (Stage.width-2.5*imageW - menu._width)*_xmouse/(Stage.width-imageW) + 2.5*imageW;
if (xpos > 0) xpos = 0;
if (xpos < (Stage.width-menu._width)) xpos = Stage.width-menu._width;
difference = Math.abs(menu._x - xpos);
s = speed(difference);
if (difference < minScrollSpeed) menu._x = xpos;
else {
if (menu._x > xpos)menu._x -=s;
if (menu._x < xpos) menu._x +=s;
}
}
}
}
xml.onLoad = loadXML;
xml.load("images.xml");
MovieClip.prototype.onClick = function(i) {
this.onPress = function() {
getURL(urls[i], target);
}
this.onRollOver = function() {
mouseOverMenu = true;
if (showDescription) {
if (verticalMenu) {
descript = attachMovie("description", "descript", 8888);
descript._y = menu["it"+i]._y +ypos + imageH/2;
descript.onEnterFrame = function() {
descript._y = menu["it"+i]._y +ypos + imageH/2+descriptionY;
descript._x = menu["it"+i]._x + imageW/2+descriptionX+menuX;
}
}
else {
descript = attachMovie("description", "descript", 8888);
descript._x = menu["it"+i]._x +xpos + imageW/2;
descript.onEnterFrame = function() {
descript._x = menu["it"+i]._x +xpos + imageW/2
}
}
descript._y = descriptionY+menuY;
descript.desc_inner.desc.text = info[i];
}
var trans:Transform = new Transform(this.holder);
var colorTrans:ColorTransform = new ColorTransform();
colorTrans.blueOffset = colorTrans.greenOffset = colorTrans.redOffset=colorTrans.alphaOffset=0;
if (useMaxColor) {
reachedPeak = false;
this.onEnterFrame = function () {
if (!reachedPeak) {
if (colorTrans.blueOffset < maxColorValue) {colorTrans.blueOffset = colorTrans.greenOffset = colorTrans.redOffset=colorTrans.alphaOffset+=coloringSpeed*10;
trans.colorTransform = colorTrans; }
else reachedPeak = true;
}
else
if (colorTrans.blueOffset > iC) {
colorTrans.blueOffset = colorTrans.greenOffset = colorTrans.redOffset=colorTrans.alphaOffset-=coloringSpeed*10;
trans.colorTransform = colorTrans;
}
}
}
else
this.onEnterFrame = function () {
if (colorTrans.blueOffset < iC) {
colorTrans.blueOffset = colorTrans.greenOffset = colorTrans.redOffset=colorTrans.alphaOffset+=coloringSpeed;
trans.colorTransform = colorTrans;
}
}
this.onRollOut = function() {
mouseOverMenu = false;
if (showDescription) {
removeMovieClip("descript");
}
var trans:Transform = new Transform(this.holder);
var colorTrans:ColorTransform = new ColorTransform();
colorTrans.blueOffset = colorTrans.greenOffset = colorTrans.redOffset=colorTrans.alphaOffset= iC;
this.onEnterFrame = function () {
if (colorTrans.blueOffset > 0) {
colorTrans.blueOffset = colorTrans.greenOffset = colorTrans.redOffset=colorTrans.alphaOffset -= coloringSpeed;
trans.colorTransform = colorTrans;
}
}
}
}
}
function loadBitmapSmoothed(url:String, target:MovieClip, wid, hei) {
var bmc:MovieClip = target.createEmptyMovieClip("bmc", target.getNextHighestDepth());
var listener:Object = new Object();
listener.tmc = target;
target.isLoaded = false;
listener.onLoadInit = function(mc:MovieClip) {
target._width = wid;
target._height = hei;
target.isLoaded = true;
if(loadSmoothed) {
mc._visible = false;
var bitmap:BitmapData = new BitmapData(mc._width, mc._height, true);
this.tmc.attachBitmap(bitmap, this.tmc.getNextHighestDepth(), "auto", true);
bitmap.draw(mc);
}
}
var loader:MovieClipLoader = new MovieClipLoader();
loader.addListener(listener);
loader.loadClip(url, bmc);
}
function easing(x,a,b) {
if(x<a) return x*b/a;
else return b+(100-b)/(100-a)*(x-a);
}
function speed(diff) {
z = maxScrollSpeed-minScrollSpeed;
x = minScrollSpeed + diff*z/(verticalMenu?menu._height:menu._width-Stage.width);
y = easing(x, scrollEaseIn*z/100 , scrollEaseOut*z/100);
return y;
}
View Replies !
View Related
Image Scroller Help:
Hey, my name is Joseph and I was looking for some useful info on completing a present task. I am not new to Flash, but I am having some issues with a current project where I am trying to execute a continuos scrolling effect with images coming in from left to right and right to left.
Sample of what I am looking for ( http://fwv-us.com )
This demonstrates the scrolling effect I want, as I have previously tried using the actionscript below, but can only get the left-side to work; thus the images coming from the left to right work fine, but from right to left, it does not execute..
//this is the left side clips ActionScript
onClipEvent(enterFrame){
_x=_x+2;
if(_x>=484){
_x=-360;
}
}
The images you see coming in from left to right vise versa are actually broken up into five images aligned side-by-side. They are individual movie clips nested inside a parent clip where the above action is applied to each of the five individual clips. Again, it works on the left side, but not the right...
I am accepting of other methods oppose to this as well... ;-)
Any help and/or resources would be much appreciated, thanks in advance...
--Joe
View Replies !
View Related
IMAGE SCROLLER HELP
HELP!
I need to learn how to make a scrolling box of images in flash. I want to be able to make them buttons too. Please help! is there a tutorial somewhere i could find to help me? or someone who can tell me.
thanks
View Replies !
View Related
XML Image Scroller
Hi,
newbie here....just entered the world of XML. i read the tutorial for xml gallery on this site. i would appreciate if anyone could guide me in creating a continous horizontal scroll that would read images and their title/description from an XML file.
pleeeeeeeeeeease pleeeeease puhleaaase help.
thanx
Britney
View Replies !
View Related
Image Scroller Help
Hello guys, I am working a image scroller but instead of scrolling images i am scroling buttons 12 to be exact. I have the code to get it to move from left to rite buti need it to stop when X gets to a certin position and i cant figure it out for the life of me.(still noob) Here is the code.
onClipEvent (enterFrame) {
if (_root._xmouse>300) {
_x -= 5;
} else {
_x += 5;
}
}
Easy enough.
Also i wanted to put the scrolling on an on rollover even of a button. is that possable?
Please let me know
Thanks,
kool
View Replies !
View Related
Image Scroller
I've searched all the Adding thumbnail posts on here and cant see this civered any where.
I've worked through the Adding Thumbnails tutorial on here and now trying to modify it. (http://www.kirupa.com/developer/mx2004/thumbnails.htm)
What i want to do is instead of it scroling when u move over the left or right is only have it scroll when you click a button on the left or right.
Also only want it to move one thumbail across on each click
Any ideas or links to posts much appreciated and sorry for posting another question on this much widely covered subject.
View Replies !
View Related
Image Scroller Help
Do you guys know how to get this thumbnail scroller to keep scrolling when it runs out of external images? For instance .. right now, I have three images in my external folder. When I scroll using the button, it stops scrolling once the third image has been displayed -- Instead I want it to keep scrolling to the first image, and so on.
Any ideas?? I can't seem to get this one working ..
Here's the thumbnail scroller code
Code:
function thumbNailScroller() {
// Photo Slideshow
this.createEmptyMovieClip("tscroller", this.getNextHighestDepth());
scroll_speed = 35;
tscroller.onEnterFrame = function() {
if ((_root._ymouse>=thumbnail_mc2._y) && (_root._ymouse<=thumbnail_mc2._y+thumbnail_mc2._height)) {
if ((_root._xmouse>=(hit_right._x-0)) && (thumbnail_mc2.hitTest(hit_right))) {
thumbnail_mc2._x -= scroll_speed;
} else if ((_root._xmouse<=(hit_left._x+0)) && (thumbnail_mc2.hitTest(hit_left))) {
thumbnail_mc2._x += scroll_speed;
}
}
};
}
function thumbnails_fn(k) {
thumbnail_mc2.createEmptyMovieClip("t"+k, thumbnail_mc2.getNextHighestDepth());
tlistener = new Object();
tlistener.onLoadInit = function(target_mc) {
target_mc._x = hit_left._x+(target_mc._width+5)*k;
target_mc.pictureValue = k;
target_mc.onRelease = function() {
p = this.pictureValue-1;
p++;
getlink();
};
target_mc.onRollOver = function() {
this._alpha = 100;
thumbNailScroller();
};
target_mc.onRollOut = function() {
this._alpha = 100;
};
};
image_mcl = new MovieClipLoader();
image_mcl.addListener(tlistener);
image_mcl.loadClip(thumbnails[k], "thumbnail_mc2.t"+k);
}
View Replies !
View Related
|
TRACKER
