Flash :: Image Sliding Device

Image Sliding Device, Reverse Motion
Sooo...I've been building this website for a while and my boss wants me to make two changes that are over my head.

1. He wants the image slider device to scroll from left to right, instead of the default right to left.

2. He wants to make it so that when you click on one of the photos (which are all buttons) the scrolling stops, and when you click "close" the scrolling starts again.

Here is the actionscript for the sliding mechanism:

_quality = "BEST";
moview = 770;
w = slider._width;
speed = 30;
delta_im = 10;
rates = 0.1;
xpos = -1;
//
m = 0;
tmi = 2;
while (m<tmi) {
m++;
dup = 'image'+m;
slider.image.duplicateMovieClip(dup, m+1);
slider.image1._x = slider.image._x+slider.image._width+delta_im;
slider.image2._x = slider.image._x-slider.image._width-delta_im;
}
//
onEnterFrame = function () {
slider._x += -(xpos/Math.abs(xpos));
if (slider._x<-slider.image._width) {
slider._x = 0;
} else if (slider._x>slider.image._width-1) {
slider._x = -slider.image._width;
}
//
if (zone_mc.hitTest(this._xmouse, this._ymouse, true)) {
xpos = this._xmouse;
xpos = xpos-(moview/2);
if (xpos>160 || xpos<-160) {
sign = xpos/Math.abs(xpos);
needSpeed = (xpos-100*sign)/speed;
slider._x = slider._x-needSpeed;
}
} else {
}
//
};
stop();

If you want to see the website to get a better idea of what it looks like, go to the "kitchen" page of www.gwwoodworking.com

Thanks!
-Natalie

Slideshow: Sliding Images. Repeat Sliding After Last Image
Hello.

Scenario:
I have 5 images. With a setInterval I slide the images - back-to-back - from left to right under a window (mask). When the last image is under the mask, I'm trying to figure out a way to start over again. So that when the last image is sliding out, the first image is sliding in, thus retarting the slideshow.

I figured the best way to do this is to 'move' the image that last moved out of the mask before the other images. So if im1 move out of the mask, im2 move into the mask, im1 would move to position itself after im5 (since I have 5 images.)

The problem. How to tell flash to move the image that slides out to move to a position after all my images.

im5-im4-im3-im2-im1 becomes im1-im5-im4-im3-img2

Each image is 80 pixels wide.

Any help is much appreciated.

Thanks,

/Flip

Sliding Image....
hey,

i was wondering if anyone could help me with an idea i have. on my site i want to have my products continually scroll across the screen. when you put your mouse over the product though it will link to another site where you can buy the product. i know its action scripting but havent learned enough to do this. thanks

Help With Image Sliding Bar
Hi! all
I have a problem.

1. I have multiple movies, one 3D and the other just plan arrows
flying across randomy. When i put both on the work board and test the movie out....it just flickers like crazy...how can i sovle this problem? THanks!

Sliding Image Nav
hi guys, I'm new to flash and I'm desperately trying to create a sliding / elastic menu much like the one on the sony ericson site

Any help or pointer in the right direction to a tutorial would appreciated

Replacing Sliding Image With Another
I have two buttons and two images . When you press button one image on the stage slides to a predetermined spot and stops. then when button 2 is pressed image 2 begins to slide to image 1 position and stops while image 1 slides back to original position any suggestion on how to set up with a funtion or other way would be appreciated. I have only gotten to make the image 1 slide but not sure how to set up the second image to slide over while image 1 returns to original position

How Can I Replace One Sliding Image With Another .....
I have two buttons and two images . When you press button one image on the stage slides to a predetermined spot and stops. then when button 2 is pressed image 2 begins to slide to image 1 position and stops while image 1 slides back to original position any suggestion on how to set up with a funtion or other way would be appreciated. I have only gotten to make the image 1 slide but not sure how to set up the second image to slide over while image 1 returns to original position

Image Sliding Menu
Hello Guys,

I dunno if this is possible in flash but i would like to do the following , if this is possible i'll be greatful for some help.

I need to create an image sliding menu, where images are loaded from a specific directory or path, each time i add an image to the directory, the image is automatically added to the sliding menu.

Thnx alot in advance

Sliding Image Gallery
I have seen this sliding image gallery all over ebay, has anyone found out how it works or know how it works. I want something like this for my personal website. If anyone can help please let me know...

Paul

Image Sliding Problem
Hi!!

How can i avoid the jerking in the motion of the slide? I don't want to increase or decrease the frame rate and also don't want to make short the length of the timeline. Is their any solution? its in MX

Thanks in advance for the help.

Sliding Image Question
I'm trying to figure out how to get an image to slide from one side to the other by the direction of the mouse. If you slide to the left it gradually gets faster as you go left, but then stops once you reach the end of your graphic. The same goes if you slide to the right. Basically I've got a binocular game where you scroll left or right as you try to find stuff. I have a mask in place to cover up my image like binocluars look and I have searched the movies section of the site and have found variations but they have only made my movie duplicate which I can't have because I don't want it to continually rotate. Has anyone seen a movie, tutorial or have this script laying around that could point me in the right direction? Thanks

Loop 1 Sliding Image
Hi there, I have no clue where to start, so I decide to post this qeustion. I've got 1 banner image (468 x 60) which I want to make only visible for 120 x 60 px and slide the banner from left to right. Now when the right side of the image becomes visible I'd like to have the left part connected, so that it's running in an endless loop.

Come someone help me? or at least point me in a good direction? please....

Thanks in advance for all your help!!!

Sliding Image Viewer
I've made an image viewer that makes use of the "film strip" approach with a long mc that slides into place when buttons are pressed which is viewed by a basic mask, the client has informed me now that he wants it to make use of both landscape and portrait shaped photos and that he doesn't want either to have a border. So,
this means that the image viewer itself needs to be able to change. As it is the viewer itself is just a mask, i am able to make the viewer mask(on the layer above the film strip) shape for a landscape or portrait, the thing is that i want this to happen when the mc has finished moving because it looks messy having it tween as the film strip moves underneath, what i need to be able to do is detect when the slide mc has finished moving and then output a gotoAndPlay command.

this is the as on the strip:

ActionScript Code:
// ON the movieclip
onClipEvent (load) {
// Initial pos
_root.xpos=97;
}

onClipEvent (enterFrame) {
// MOVING SCRIPT PART
var speed = 8;
var viscosity = 1.5;
xpos = _root.xpos;
//X Pos
difference = xpos-this._x;
xvelocity = (xvelocity+(difference)/speed)/viscosity;
this._x += xvelocity;

}

example button for a landscape img:

ActionScript Code:
on (press) {
if (isPortrait == true) {
_root.mask_mc.gotoAndPlay(11);
_root.border_mc.gotoAndPlay(11);
}
_root.xpos = -102;
isPortrait = false;
}

and a portrait:

ActionScript Code:
on (press) {
if (isPortrait == true) {
_root.xpos = -266;
} else {
_root.border_mc.gotoAndPlay(2);
_root.mask_mc.gotoAndPlay(2);
_root.xpos = -266;
var isPortrait = true;
}
}

mask_mc and border_mc are the viewing mask and a border around it, going to frame 2 plays an animation that tweens them to portrait from landscape, playing 11 reverses this.

Thanks.

Sliding Image Viewer
I created an image viewer that loads external JPEGs into a movieClip and then, when clicking a next button, slides the masked MC over to view the next image. (See attached file).

Currently, if the user continues to click "next" it keeps sliding the MC over 60 pixels. I want the images to appear to loop, like have image #1 appear after image #6, but I'm unsure of the best way to do it. I thought I could have some code check and see if the last image is being viewed and if so, have it somehow revert back to its original position. But I'm wondering if there's a better way.

Also... is there a way for ActionScript to check and see how many JPEGs are in a folder and then load them all in the viewer instead of predetermining a maximum or minimum amount for the viewer?

Thanks in advance.

Sliding Image Viewer
I've made an image viewer that makes use of the "film strip" approach with a long mc that slides into place when buttons are pressed which is viewed by a basic mask, the client has informed me now that he wants it to make use of both landscape and portrait shaped photos and that he doesn't want either to have a border. So,
this means that the image viewer itself needs to be able to change. As it is the viewer itself is just a mask, i am able to make the viewer mask(on the layer above the film strip) shape for a landscape or portrait, the thing is that i want this to happen when the mc has finished moving because it looks messy having it tween as the film strip moves underneath, what i need to be able to do is detect when the slide mc has finished moving and then output a gotoAndPlay command.

this is the as on the strip:

Code:
// ON the movieclip
onClipEvent (load) {
// Initial pos
_root.xpos=97;
}

onClipEvent (enterFrame) {
// MOVING SCRIPT PART
var speed = 8;
var viscosity = 1.5;
xpos = _root.xpos;
//X Pos
difference = xpos-this._x;
xvelocity = (xvelocity+(difference)/speed)/viscosity;
this._x += xvelocity;

}
example button for a landscape img:

Code:
on (press) {
if (isPortrait == true) {
_root.mask_mc.gotoAndPlay(11);
_root.border_mc.gotoAndPlay(11);
}
_root.xpos = -102;
isPortrait = false;
}
and a portrait:

Code:
on (press) {
if (isPortrait == true) {
_root.xpos = -266;
} else {
_root.border_mc.gotoAndPlay(2);
_root.mask_mc.gotoAndPlay(2);
_root.xpos = -266;
var isPortrait = true;
}
}
mask_mc and border_mc are the viewing mask and a border around it, going to frame 2 plays an animation that tweens them to portrait from landscape, playing 11 reverses this.

Thanks.

Sliding Image Galery
Iâ€™m trying to make a photo gallery, so that I have the thumb images (buttons) on bottom and when you press one, the large image appears on the top. The problem that Iâ€™m having is that I am not sure on how to make a scroll bar work so that you can scroll from left to right to see my thumb images. Iâ€™m guessing that I need to add all images on a movie clip but then not sure how to make it scroll.

How can I make a scroll bar? Can I use the one that is in the Flash UI Components, Menu?

Sliding An Image With Actionscript
Heres the scenario:

Lets say I have graphic that is a long rectangle but has diffrent sections.

v Stage v
---------
**Red** | Blue | Green | Yellow | <-My Graphic
---------
^Stage^

The scene fades in and starts with the red section (that all you see for now because the rest of it is in the grey area)

How can I make this graphic move to the left (to show the blue section) using actionscript (and an easing actionscript to have it smoothly glide in) to an x y position of my choice?

Thanks

Dynamic Image Sliding HELP
I want to dynamically create an image viewer using the loader component and have them sit side by side horizontally. The image will fill the entire view but when you click on that image, it slides to the next image. How can I accomplish this?

Any help is greatly appreciated.

Sliding Image Transistions
Does anyoen know where I can find a tutorial on creating a similar nav transition?

Example here:
www.bsfllp.com

Thanks

Sliding Image Navigation
I've searched this forum to find some help but haven't found anything yet. I've downloaded a dinky little .fla from flashkit.com but it didn't help much. Can someone tell me how I go about building something like this?

the site
click on the third button next to the top "MORE BONES"

cool stuff right? love to know how it works. I'm trying to build something like it to display products that are also clickable.

thanx alot.

Sliding Image Effect
hey group,

ive been working on a similar effect to a sliding image piece found at:

http://www.bingham.com

(top banner)

and cant for the life of me work out how they are getting the mask effect with movement on multiple images close together like that.

Ive tried getting this effect to work by swapping depths for the clip that is currently expanded in focus and stacking others behind accordingly but that ended up with images on top of others in a variety of wrong places..

does anyone have any suggestions for a methodology of how this might work properly? if anyone has seen a similar effect somewhere else (ina tutorial or anything) could they point me in the right direction as im about to tear my hair out and i dont have a wealth of time to meet this clients demands.

Thanks a ton for any help available

s

Sliding Image Viewer
I've made an image viewer that makes use of the "film strip" approach with a long mc that slides into place when buttons are pressed which is viewed by a basic mask, the client has informed me now that he wants it to make use of both landscape and portrait shaped photos and that he doesn't want either to have a border. So,
this means that the image viewer itself needs to be able to change. As it is the viewer itself is just a mask, i am able to make the viewer mask(on the layer above the film strip) shape for a landscape or portrait, the thing is that i want this to happen when the mc has finished moving because it looks messy having it tween as the film strip moves underneath, what i need to be able to do is detect when the slide mc has finished moving and then output a gotoAndPlay command.

this is the as on the strip:

Code:

// ON the movieclip
onClipEvent (load) {
// Initial pos
_root.xpos=97;
}

onClipEvent (enterFrame) {
// MOVING SCRIPT PART
var speed = 8;
var viscosity = 1.5;
xpos = _root.xpos;
//X Pos
difference = xpos-this._x;
xvelocity = (xvelocity+(difference)/speed)/viscosity;
this._x += xvelocity;

}

example button for a landscape img:

Code:

on (press) {
if (isPortrait == true) {
_root.mask_mc.gotoAndPlay(11);
_root.border_mc.gotoAndPlay(11);
}
_root.xpos = -102;
isPortrait = false;
}

and a portrait:

Code:

on (press) {
if (isPortrait == true) {
_root.xpos = -266;
} else {
_root.border_mc.gotoAndPlay(2);
_root.mask_mc.gotoAndPlay(2);
_root.xpos = -266;
var isPortrait = true;
}
}

mask_mc and border_mc are the viewing mask and a border around it, going to frame 2 plays an animation that tweens them to portrait from landscape, playing 11 reverses this.

Thanks.

Sliding Image (Kill-bill.com)
Anyone have any idea how to create this mouse detect background image mover like the ones created in kill-bill.com?
Thanks!

Ineresting Image Sliding Effect...
Hi All, my first post here, so here goes..

I have been seeing this effect for some time and I am really interested in learning it.

The link below shows a set of buttons with a big image above and when you click a button the image slides off to the left or right and onto the relevant image you chose. So if your on image one.. and you click the 5th buttons the whole screen slides right through all the images untill it gets to the one you chose.. anyway, it makes more sense looking at the site.

does anyone know how its done? or what tutorial I should look for? I dont even know what it is called to look for it...

http://www.aquicurso.com.br/principal.htm

Thanks.. any help would be grately appreciated...

-Russ

Loading External Swf On Sliding Image
hi there

I was looking through the flash demos on flashkit, for examples of what I am trying to do, I found something but the problem I have now is trying to understand what script is used to load in an external swf.

For example the zip folder example_01.zip attached to this thread contains the fla example. there are three buttons at the bottom, when you click the button the image slides across to the next section. Because this is done with the script

on (release) {
/:xpos = "647.4";
}

the number being the position along image, how do I then get an external swf to load in once the image has slides across into positon. I understand I could just attach a 'loadMovieNum' to the buttons, but this would mean that the movie loads in straight away as soon as button is pressed before the image has stopped sliding into position. Does this make any sense????

basically ,once the image has stopped moving into position I would then like an external swf to load in.

get any one explain a little more on how this is done, I'm still trying to get my head round action script so please go easy : ) Please would you have a look at the example file and tell me what you think!

....many thanks

Loading Swf With A Sliding Image, No Timeline
hi there(sorry if this got posted twice)

I was looking through the flash demos on flashkit, for examples of what I am trying to do, I found something but the problem I have now is trying to understand what script is used to load in an external swf.

For example the zip folder example_01.zip attached to this thread contains the fla example. there are three buttons at the bottom, when you click the button the image slides across to the next section. Because this is done with the script

on (release) {
/:xpos = "647.4";
}

the number being the position along image, how do I then get an external swf to load in once the image has slides across into positon. I understand I could just attach a 'loadMovieNum' to the buttons, but this would mean that the movie loads in straight away as soon as button is pressed before the image has stopped sliding into position. Does this make any sense????

basically ,once the image has stopped moving into position I would then like an external swf to load in.

get any one explain a little more on how this is done, I'm still trying to get my head round action script so please go easy : ) Please would you have a look at the example file and tell me what you think!

....many thanks

[CS3] Sliding Image Gallery Trouble
Hi,

I'm trying to create an sliding image gallery with ease like this: http://www.webdesign.org/web/flash-&...ing.12433.html but I would like to have only two arrow buttons back and forward but still remain the same kind of sliding with ease- function that the example has. Could someone give me a hand on how modify the code to get it work with only those two buttons?

Cheers,
Satu

Sliding Background Image To Navbar
I've seen a few sites that implement a sliding background image in horizontal menus, that "catches" up to the cursor as you move left or right across the menu, then hovers behind the cursor when it's static.

Anyone give me a clue as to how this is implemented or point me at a tutorial ?

cheers

Sliding Vertical Image Menu - ?
Ok so here's the scoop.

I have a Flash project I am working on. It's a product demonstration, and we have 3d rendered movies of different aspects of the product. All of the rendered movies begin at the same frame (so when you click on the link to view that option, it will play the correct movie but appear to be fluidly changing to whatever part you select. I know, little workarounds make me feel smart!) On the left of the stage, we will have an area for video clips. On the right, I want to have a vertical strip, with still jpegs for linking to play the videos.

BBBBBBBB.........................picLink
B.............B..................................
B..movies.B.................. BIG PIC LINK
B.............B..................................
BBBBBBBB.........................picLink

Hopefully this helps, I am bad at knowing how to phrase what I want to do. So, if you hover over the picLinks, they would scroll up to the center and become BIG PIC LINK (scaled up and 100% alpha), and if clicked, would load a different movie into the box on the left. If you mouseover a little bit up or down from BIG PIC LINK, it cycles (vertically) the other jpeg/menu options.

Ok that should be clear... Now here's the question. Is it easiest for me to make the whole picLink part a movie clip? I have found some tutorials about how to scale things on a mouseover, but haven't quite found the right way to make them vertically cycle. Any ideas? And also, if I make it a movie clip, how can I pass the OnPress actions to load the movie clips into the main flash document?

Sorry guys, but I'm drowning here. I can do the basics in flash, just haven't put anything complex together in the same movie so correctly using movie clips inside a fla are new to me. Thanks for the help, I always love this site!

Locating Image Sliding Scripts
I posted this in the DHTML forum and was adivised to post here, however, i ws not aware that the site in question was using any form of Flash. If someone could please point me in the right direction I would be grateful. Here is the post:

I have an art site and would really like to have a design similar to http://www.rijksmuseum.nl/index.jsp?lang=en. Would anyone here know of some scripts that could help me out, or am I out of lucK? I am not trying to plagiarize thier site, I just want to be able to add some cool picture sliding effects with my own paintings like they have on their index page and work from there. Thanks for any help.

Vertical Image Slider Using Horiz. Sliding Bar
Vertical Image Slider Using Horiz. Sliding Bar
Hello.

I am wondering if anybody could educate me on how to create a HORIZONTAL Scroll Bar that slides the content (a MC) Vertically?

Any help or advice or even a point in the right direction would be very much and greatly appreciated!

Thank you in advance!

Cheers!

morosa

Scrolling/Sliding Image Navigation Problem
Hello! I'm having a little trouble with the navigation piece I'm working on. The concept is three vertical panels and when you roll over each image it expands, and when you rolloff it returns to its original size. I was trying to purchase a template from ohmyflash.com, but they're not answering their phone or email. The template in question is http://www.ohmyflash.com/horizontal/121/42.html

I've tried to build my own, but it isn't quite working correctly. I've attached what I have. The third image seems to take precedence. Is there a command to clear out the most recent rollover? I'm a bit of an actionscript noob so I appreciate any help with my file or if someone can point me to a tutorial. I've search, but I guess since I don't know the term for this type of navigation tool I've gotten a lot of different styles of navigation that weren't what I was looking for. Thanks so much in advance!

Cheers,
Brian

Vertical Image Slider Using Horiz. Sliding Bar
Hello.

I am wondering if anybody could educate me on how to create a HORIZONTAL Scroll Bar that slides the content (a MC) Vertically?

Any help or advice or even a point in the right direction would be very much and greatly appreciated!

Thank you in advance!

Cheers!

morosa

Preloader Problem Xml Sliding Image Gallery
hi friends i have really big problem ### URGENT####

i did something but had trouble with it i can't i m getting picture from image folder with xml to flash when i press the button its sliding but preloader dosen't work im sending file to check please give me your advice and idea it's really URGENT FOR ME

http://www.tasarimplus.com.tr/serkan/example.zip check file with this link

Thank you so much...

Sliding Background Image Depending On Menu Selection
i'm trying to figure out how to get a background image to scroll depending on what gets selected on the navigation menu.

say someone clicks on 'contact' and so the background image scrolls through to the section of the image which corresponds to 'contact.' now say someone clicks on 'about,' whose image is right after home and before contact, then the image scrolls back to that corresponding section.

this is sort of what im talking about...

http://www.substring.net/

(i especially liked how it slows down. is there a script that allows you to ease in/out? - how did he do that?)

i'm thinking i need to use a combination of tell_target and gotoandplay action scripts which reference start/stop frames in a separate movie clip that has the whole background image being tweened across the screen. but i can't come up with the right script.

please help? thanks.

yjk

[F8] Sliding Horizontal Scrolling Image Gallery With Thumbnails Along The Bottom
Hi

I've been looking for a tutorial for ages to show me how to create an image gallery but can't find one.

Along the bottom of the screen would be thumbs of each individual image. When the user clicks on a thumb the a large row of images would slide across bringing the appropriate image into view.

Basically similar to the following site but with images instead of text:
http: //www.artnomad.com/marlon/ (press 1, 2 and 3 in the circles)

Can anyone describe or post some links here to any tutorials describing how to make this.

Thanks in advance

Please Help With Sliding Menu Static Copy Works, Sliding Doesn't
I have a copy of the same sliding tab menu. On has actionscipt on the MC telling it to slide in/out. The other does not.

The moving one loses all it's sub-timeline actions.

The static one works fine. How do I get the moving to work?

Please help.

Will be very simple for the flash gurus out there.

RR

Sliding Menu - Need MC To Play After Sliding Has Finished
Hi,

I have created a Sliding Menu with about 12 sections. In one of the section/s I have a MC inside that I want to play. Is there a way to tell a MC to play once sliding has completed? Say based on pixel position (of the sliding MC) or something similar?

At the moment I'm using "on release" but with this method, the animation starts too early. (By the time you slide from section 1 to 12 the MC has already started playing)...

Any ideas?

Thanks in advance!!

Sliding In/sliding Out Images Using Actionscript
I know I should probably know how to do this by know but I'm stuck.
How do I create this effect using Actionscript?

http://synap-sys.com/in_out_slide.html

When a user clicks on button "1" the image slides in from the left. When the user chooses to view image "2" image one slides out of the way and image two then slides in. I would like to do this using Actionscript because there's going to be a bunch of pictures that are part of this slideshow. It's how to tell the Flash player how to slide out the current image and slide in the new image that I'm struggling with. Forgive my lameness.
I'm also trying to do this without dynamically loading each image everytime they click on a button. The reason for this is so all the images load at once, thereby eliminating the delay that would occur as each image loads after a user clicks a button. A fellow Flashkit member(Garbage) suggested I do this using a Library clip (all the images placed on a keyframe of a movieClip that are referenced per button click) but I'm not sure how to do this (goToAndPlay?).
Any help or guidance would be most appreciated.
I've attached the .fla if anybody wants to look at it.
Thanks
Adam

Sliding Nav ( Can You Make It Stop Sliding)
*USING FLAH MX
Hello Im having some issues trying to get this sliding nav to stop sliding.

I was referenced this file

http://www.flashkit.com/movies/Scrip...y-87/index.php

It seems to be controled with a button called tracker but I cant get the nave to stop sling on roll out (also the text fields in this fla are not needed)

The effect I want to achieve can be found on this site

http://www.theopiumgroup.com/index2.html

If you click mansion and then click info you will see how they set up there sub navigation

Any help would be great,thank you in advance

[F8] Sliding Interface With Sliding Buttons
I'm trying to get a sliding interface going with the buttons (that move the interface) moving along with it.

At the moment it looks like this: http://www.flashvista.com/details/item/746/

I got there by following by following the first page of this:
http://www.peachpit.com/articles/article.aspx?p=26319

Basically I want to encorporate the buttons with the interface images.

I tried putting the buttons in with the images_MC, but nothing happens with you click the button.

Whats the easiest way to make this work?
thanks

USB Device
Hi -

How can you get data from a USB device ?

Things like vendor and product ID.

Also the bit values the device sends or
what ever I can do to get the data the device sends.

Thanks

*note it can be AS2 or AS3

Device Fonts
hello all,

i have a question regarding device fonts. my current situation is:

1) main movie (main stage)
2) on this main stage, a movieclip which is a sliding navbar.
3) in this movie clip, i have another movieclip. If i use hooge and choose device fonts, it doesn't appear in the movie but if i uncheck device fonts, it apprears but is blurred.

Does anyone know why it disappears?

Thanks in advance,
kusaDJ