Solved

Flash Horizontal Photo Slideshow (Looping Background)

Posted on 2007-03-25
7
4,674 Views
Last Modified: 2008-01-09
Hi,

I am trying to create a Flash photo slideshow where a set number of images scroll by horizontally, like the one on this link (above The Simpsons photo):
http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=16241738

I am a Flash beginner and have not yet figured this out. Please provide the actual steps on how to do this. I'm not interested in templates, wizards, or any other shortcuts. The photos must scroll one after the other and after the last photo, the first one must follow it right afterwards (infinite horizontal scroll). I believe another name for this is "looping background."

I am using Flash 8.

Thanks for your help.
0
Comment
Question by:strider031598
  • 4
  • 3
7 Comments
 
LVL 11

Expert Comment

by:Tom Ray
ID: 18794451
there are several ways to go about this, but this a great place to begin:
http://www.kirupa.com/developer/mx/infinite.htm

another great tutorial is at:
http://www.gotoandlearn.com/download.php
find the one labeled "Scrolling Thumbnail Panel"
0
 

Author Comment

by:strider031598
ID: 18797932
sibgig, neither of those examples are like what I'm trying to create. This example is pretty close:
http://www.developingwebs.net/flash/scrollingbkgd.php

The only difference is that I want 3 different images to scroll by. I can't figure it out for the life of me.
0
 
LVL 11

Expert Comment

by:Tom Ray
ID: 18800117
your example is just about what you are looking for. you just need to improvise a bit and instead of using one large background image, just divide it up into three. i drummed this up quickly for you. pick it apart and you'll get the idea. if not let me know.

http://www.tsquared.com/ee/scroll.zip
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

Author Comment

by:strider031598
ID: 18805498
I opened and tested your example. It pretty much does exactly what I was looking for.

I tried disecting it, but being the total Flash newb that I am there were several things I don't get. Like, why the need for two frames? Also, it seems you used a tweened motion as another scene, which confused me. What is the advantage of converting an image to a movie clip?

If you could just go over it step by step, so that I can recreate it.
0
 
LVL 11

Accepted Solution

by:
Tom Ray earned 250 total points
ID: 18805630
ok, three bitmap images are imported

i placed each in their own movie clip (mc1, mc2, mc3)as a container. why? this way down the road, i can name the instance of that mc (movie clip) and have more advanced control using just actionscript

now i have three mc's, i need to line them up one after the other. this is done in the mc named "3up_mc"

we need to be sure there is no white space between the third image and the first image when they move. to solve this, i created the 6up_mc which is comprised of two 3up_mc's put together.

now to make them move. i created yet another mc (tweened_mc). this mc has two layers. its common to have all your actions on one layer. i also put my frame labels on this layer (layer is named "a"). frame 1 of this clip is named "begin" the tween is on layer 2. the document is set to 30 frames per second and this tween streches 120 frames, therefore 120 divided by 30 equals 4. this means the tween is 4 seconds long from the far left edge of image 1 to the far right edge of image three. also on frame 120 is an action that says go to and play from the frame labeled "begin" this creates a never ending loop.

i've placed 'tweened_mc' on the main timeline and there you go.

this whole thing can be done several different ways. this is one of the most basic. the more you get to know actionscrpt the more you can do with less frames.
0
 

Author Comment

by:strider031598
ID: 18806180
Finally got it. Thanks for your patience.
0
 
LVL 11

Expert Comment

by:Tom Ray
ID: 18807113
good, glad to hear it. enjoy.
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

A publishing tool, a Version Control System, or a Collaboration Platform! These can be some of the defining words for the two very famous web-hosting Git repositories: Bitbucket and Github. Git is widely used amongst the programmers and developers f…
Real-time is more about the business, not the technology. In day-to-day life, to make real-time decisions like buying or investing, business needs the latest information(e.g. Gold Rate/Stock Rate). Unlike traditional days, you need not wait for a fe…
Learn how to set-up PayPal payment integration in your Wufoo form. Allow your users to remit payment through PayPal upon completion of your online form. This is helpful for collecting membership payments, customer payments, donations, and more.
Learn how to use the remote presentation tool in Prezi to allow you to harness the power of this cloud based presentation platform. You can show your presentation with a remote audience using this free tool.

735 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question