Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Flash Horizontal Photo Slideshow (Looping Background)

Posted on 2007-03-25
7
Medium Priority
?
4,705 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
Plesk WordPress Toolkit

Plesk's WordPress Toolkit allows server administrators, resellers and customers to manage their WordPress instances, enabling a variety of development workflows for WordPress admins of all skill levels, from beginners to pros.

See why 2/3 of Plesk servers use it.

 

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 1000 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: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering 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

Using Quotation Marks in PHP This question (http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/PHP/Q_28217211.html) seems to come up a lot for developers who are new to PHP.  And it got me thinking, "How can we explain the rule…
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…
In addition to being a great web-based presentation tool, Prezi also makes it easy to save your presentation as a PDF to share with others as well. Learn how in this tutorial. Select the share icon from the top menu in your Prezi editor: Select "D…
Illustrator's Shape Builder tool will let you combine shapes visually and interactively. This video shows the Mac version, but the tool works the same way in Windows. To follow along with this video, you can draw your own shapes or download the file…
Suggested Courses

721 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