Motion Tween Banner Creation - Fade block tween over image

Posted on 2008-11-10
Last Modified: 2013-11-12
I have a simple (very simple banner). It is 780px by 125px that consists of about 8 images that are seperated by a delay of 5 seconds. There is a single layer and each image is an object (movie). The images do not tween but appear after 5 seconds.

I am still happy for it to stay like that but during the 5 seconds (or maybe longerif needed) I would like a faded (partially transparent box - imagine dimensions 100px by 125px to slide across the image from left to right and then stop and the title/description for the image to appear, it must also be possible to click a different link for each image to open a seperate web page with the full image.

I am a complete flash novice and will give 500points to someone who can kindly walk me through it, so at least I can learn it a little!

Big Thanks!!!
Question by:farawayman
    LVL 2

    Expert Comment

    I'm trying to visualize what you are talking about, I think I understand. Are you looking to operate everything via the timeline or do you want to do it all with ActionScript?
    LVL 39

    Accepted Solution

    you can put another layer on top of your image layer.
    create a movieclip of those dimensions you want and the alpha settings as you want.
    then create a tween (use Tween class - see library for AS2 or AS3 depending on what you're using) for the moving across screen effect.
    then whenever your current swap image effect takes place (either from a frame or you have some code somewhere) - tell it to play that movieclip - should work.

    then in order for the title / description to appear, you need to place it there - i'm assuming you're hardcoding all your images.
    in order to click the images there's different options.
    1. convert your images into movieclips - and add code onRelease or click event (AS2/AS3) to trigger the getURL / urlRequest (AS2/AS3) to open the pages you're going to have to create.
    2. put a hidden button on top of the display area of the images.
    have some form of knowing which is the current image, so depending on how your images are currently swapping out set a variable ie
    var currentImage:Number = 1;

    then create an array to store the diferent pages to open.
    var urlArray:Array = new Array("page1.html", "page2.html etc);
    then when you click your hidden button you'll call a method to open the page based on the currentImage value and the index in the array (remembering that the array is 0 based, ie. first item is at 0)

    so think which AS you're using and which approach you which to take.

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    How your wiki can always stay up-to-date

    Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
    - Increase transparency
    - Onboard new hires faster
    - Access from mobile/offline

    Suggested Solutions

    Turn A Profile Picture Into A Cartoon Using Photoshop And Illustrator This tutorial will teach you how to make a cartoon style image out of a regular picture. I have tried to keep the tutorial as simple as possible. I used Adobe CS4 for this tuto…
    While working over numerous projects I often had the requirement for doing a screen capture in AS3.0. Unfortunately I found no "ready made" solutions in google search that suited my requirements. But I did come across some great resources which help…
    The goal of the tutorial is to teach the user how to how to load their YouTube profile onto Flash Media Live Encoder.
    The goal of the tutorial is to teach the user how to select which audio input to use. Once you have an audio input plugged into the laptop or computer, you will go into the audio input settings and choose which audio input you want to use.

    760 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

    Need Help in Real-Time?

    Connect with top rated Experts

    8 Experts available now in Live!

    Get 1:1 Help Now