How to make an image on a scroll bar navigate to home, contact, etc. - page when you click it?

IM building a site that I created the contact mode, House, etc. pages already. I also did an image for the homepage slider but I want to access a picture when you click on it to access the home page, but I can't seem to understand. I'm using flash cs4. I want to make a shortcut to different pages on the website

One way you can do is make the code you showed generic and place it in the main timeline on a layer that spans the length of the timeline where this image clipping will be.

Have your btnHome work (renamed to be btn below) for all options menu by making it an invisible button that covers the part of the image of the image styll.  Then use a variable for the gotoAndPlay ("selectedPage" below) argument which you reassign in each frame of the scrolling of the image.

main timeline

var selectedPage:String = 'Home';  what the starting value must be

function goToPage(evt:Event):void {}

gotoAndStop (selectedPage);

}

btn.addEventListener (MouseEvent.CLICK, GoToPage);

Then, inside yor image scroller in each image, you set a new value for the variable selectedPage.

For example, in the frame 2 you put:

MovieClip (parent) .selectedPage = "music";

in part 3 you put:

MovieClip (parent) .selectedPage = "artist";

and so on

Tags: Adobe Animate

Similar Questions

  • How to get a list of options (excel applications such as the browser, etc.) when you view the simultaneous release of request?

    How to get a list of options (excel applications such as the browser, etc.) when you view the simultaneous release of request? Profile options to define?

    Discovered that in order to get the display options, it must implement the system administrator--> Install--> the Display Options Display Options

  • Why the flat firefox image on the start with WASD page when you click it?

    When you select at home, the normal firefox icon flashes on and is replaced by an image tilted slightly with another small character to the left of the head of Fox and the words click me! If you click on it, the same image now has the letters WASD and a key appears in the centre of the world where the Fox is wrapped around. I didn't know this until the update to the latest verson 33.

    If you prefer not to see excerpts on the topic: home page or otherwise have problems with a snippet of code, you can set the browser.aboutHomeSnippets.updateUrl pref an empty string on the topic: config page.
    Delete the storage\persistent\moz-safe-about + House in the closed Firefox with Firefox profile folder (Firefox '3-bar' menu button > exit/Quit) remove code snippets stored in IndexedDB and make Firefox to use a default extract value.
    You can reset the pref browser.aboutHomeSnippets.updateUrl through the context menu on the default to reactivate the code snippets and make Firefox recreate the moz-trunk-fort-about + folder.
    You have to close and restart Firefox after changing the value of the preference of browser.aboutHomeSnippets.updateUrl.

    You can use this button to go to the Firefox profile folder currently in use:

    • Help > troubleshooting information > profile directory: see file (Linux: open the directory;) Mac: View in the Finder)

    You can open the topic: config page via the address bar.
    You can accept the warning and click on "I'll be careful" to continue.

  • Loading a specific page when you click links embeded, how to avoid this. These are the linkbucks, incidentally.

    LinkBucks loads a page with a numeric address that appears in the bar when I click on say on the images in the google search page, it is not limited, but on a single page. I click on the link on the homepage of instagram, connect and charge it from there, as well as quite a few others. I have blocked all the permissions I can site and am hoping that it works. Help?

    Hello onthebackstreets, this looks like a problem maybe caused by adware/malware on your pc. Please go to firefox > addons > extensions and remove any suspicious entries (toolbars, the things that you have not installed intentionally, I don't know what purpose they serve, etc.). also, go to the windows control panel / programs and remove all toolbars or potentially unwanted software from there and run a full scan of your system with the security software you have in place and various other tools such as the free version of malwarebytes & adwcleaner.

    Remove a toolbar that has supported your Firefox or the homepage search
    Fix Firefox problems caused by malicious software

  • How to make transparent images in inDesign?

    How to make transparent images in Adobe InDesign CS5.5?

    so if I read you right, you have the image and you want to make the background transparent...

    If so, the application is not possible to use as Photoshop or Illustartor and then import it into Indesign

  • How to make the same effect of scrolling like Tumblr (beginning Web page) with Adobe Muse?

    How to make the same effect of scrolling like Tumblr (beginning Web page) with Adobe Muse?

    I used Adobe Muse since the day it first came out, I played with the timings and effects of scrolling a lot. Tumblr landing page scrolling is very nice, I can see why you want a similar effect. Something similar could be created using the scrolling in AdobeMuse effects, especially if you familiarize yourself with the scrolling of the transparency. Start with a color block simple try it scroll up to double speed, then add items to the next page with the scrolling transparencies. Best practical work, use layers to do this, it makes things so much easier when you need to edit the page.

    Once you have played with the effects of scroll, you will begin to note how the elements of the Tumblr page can be re-created. This will be a sharp learning curve, but very doable in Muse for a similar effect. You will have a number of layers with page elements and new blocks of color on each layer when your done, fine tweaking the movement of scrolling and timings will make perfect. Good luck.

    If not, try adding an animation on board, you can create a Web page in Adobe Edge, but again... probably much more involved learning with this option.

  • How to make transparent images in Photoshop

    Hi all...

    I stuck somewhere and I need transparent Image.

    I want to know the procedure how to make transparent images in Photoshop.

    Help, please.

    Thanks in advance

    Remove the background you can see the checkerboard, and save them in a file PNG or GIF.

    This page will tell you how to select the area you want to keep

    https://helpx.Adobe.com/Photoshop/using/making-selections.html

  • How to make an image, a radio button?

    I'm trying to create a drag and drop game using Adobe Flash, AS3. I have a "Select sex" page where I have both a male, a female model. I want users to be able to select either the image of male or female, but then a next button in order to take on the next page; However, the next page varies depending on which gender is selected.

    I am able to do this or would I need to change the images of radio buttons or just remove the next button so that the images are buttons?

    Please help with my dilemma?

    select gender.png

    in this case:

    function maleHandler(e:MouseEvent):void {}

    do male stuff

    var mPage:MaleDragAndDropTopsPage = new MaleDragAndDropTopsPage();

    addChild (mPage);

    }

    If you absolutely must have a nextButton, you can either go for two different instances of the key you call

    maleButton or femaleButton and join managers in these

    When you click on the male/femaleFigure

    you will have to somehow store state in a dynamic property, or a variable (no matter what ypu prefer).

    so at the beginning

    maleModel.clicked = false;

    femaleModel.clicked = false;

    both will have an extra clickHandler which defines their clicked Properties.

    The simplest and IMO more userfriendly way would be to use the numbers as buttons themselves.

  • A question about how to make something similar to a Navigation bar?

    Hi guys, I'm sorry if this has been asked before, I just completely sure what I was looking for!

    Well, I think my first official for the company website that I work.  I was curious about how to make a navigation enough image size, with a little information and a link visitors could click to learn more.  I don't know what this method is called or where to start to create a!

    I was certainly not specific, but I don't speak of something similar to www.nationalgeographic.com.

    At the top of their page, they have a daily news thing, when you click the numbers, it takes you to a picture and a sentence of information and a link at the bottom left for "More".

    That's what I was looking for!

    I hope you guys can help me, thanks in advance!

    Adobe Exchange has several cool widgets that you can use.

    http://ALT-Web.com/demos/Spry-test.html

    You will need to install Adobe area to use the browser Widget ~ installed from the link below:

    http://labs.Adobe.com/technologies/widgetbrowser/

    Log-in to Adobe Exchange to enter & configuration desired widgets.

    Nancy O.

    ALT-Web Design & Publishing

    Web | Graphics | Print | Media specialists

    http://ALT-Web.com/

  • Show/hide elements - how to hide an image when you click on another

    I have a page of the library of photo with 10 pictures on it. I organized it where there is a large image on the left side of the page and 10 thumbnails of turning on the right. I put larger images in separate AP div tags hidden. I want the big picture is displayed when the user clicks on the corresponding thumbnail. This works well, but how to make the image of 'hide' when the user clicks on a different thumbnail.

    Can you help me?

    Here is my code:

    < div id = 'eau1"style =" position: absolute; " Left: 20px; top: 50px; Width: 630px; height: 491px; z-index: 100; visibility: hidden; "" "> < img src ="... / media/images/water/water1.jpg "width ="650"height ="500"alt ="eau1"> < / div >
    < div id = "water2" style = "position: absolute;" Left: 20px; top: 50px; Width: 630px; height: 491px; z index: 103; visibility: hidden; "" "> < img src ="... / media/images/water/water2.jpg "width ="650"height ="500"alt ="water2"> < / div >
    < table width = "100%" border = "0" cellspacing = "0" cellpadding = "0" >
    < b >
    < td width = "20" height = "20" > < table >
    < td > < table >
    < td > < table >
    < td > < table >
    < td width = "20" > < table >
    < /tr >
    < b >
    < height td = "20" > < table >
    < height td = '30' class = "copy18grey" > water Applications < table >
    < td > < table >
    < td > < table >
    < td > < table >
    < /tr >
    < b >
    < td > < table >
    "" < td width = "650" height = "500" rowspan = "5" valign = "top" > < img src = "... / media/images/water/water1.jpg" width = "650" height = "500" alt = 'eau1' > < table >
    "" < td = '100' height > < a href = "#" onMouseOver = "MM_swapImage ('Image12 '", '... / media/images/water/water1_thmb_over.jpg',1) "Mm_swapimgrestore" > < img src = "... / media/images/water/water1_thmb.jpg" name = 'Image12' width = "160" height = "100" border = "0" onClick = "MM_showHideLayers ('eau1',", 'show') ' onDblClick = "MM_showHideLayers ('eau1',", 'hide') "" > < /a > < table > "
    "" < td > < img src = "... / media/images/test.jpg" alt = "" width = "160" height = "100" > < table > "
    < td > < table >
    < /tr >
    < b >
    < td > < table >
    "" < td = '100' height > < a href = "#" onMouseOver = "MM_swapImage ('Image13 '", '... / media/images/water/water2_thmb_over.jpg',1) "Mm_swapimgrestore" > < img src = "... / media/images/water/water2_thmb.jpg" name = "Image13" width = "160" height = "100" border = "0" onClick = "MM_showHideLayers ('water2',", 'show') ' onDblClick = "MM_showHideLayers ('water2',", 'hide') "" > < /a > < table > "
    "" < td > < img src = "... / media/images/test.jpg" alt = "" width = "160" height = "100" > < table > "
    < td > < table >
    < /tr >
    < b >
    < td > < table >
    "" < td = '100' height > < img src = "... / media/images/test.jpg" alt = "" width = "160" height = "100" > < table > "
    "" < td > < img src = "... / media/images/test.jpg" alt = "" width = "160" height = "100" > < table > "
    < td > < table >
    < /tr >
    < b >
    < td > < table >
    "" < td = '100' height > < img src = "... / media/images/test.jpg" alt = "" width = "160" height = "100" > < table > "
    "" < td > < img src = "... / media/images/test.jpg" alt = "" width = "160" height = "100" > < table > "
    < td > < table >
    < /tr >
    < b >
    < td > < table >
    "" < td = '100' height > < img src = "... / media/images/test.jpg" alt = "" width = "160" height = "100" > < table > "
    "" < td > < img src = "... / media/images/test.jpg" alt = "" width = "160" height = "100" > < table > "
    < td > < table >
    < /tr >
    < b >
    < td > < table >
    < td > < table >
    < td > < table >
    < td > < table >
    < td > < table >
    < /tr >
    < /table >

    Show/hide behavior is not just for a single element.  With a single application of the behavior, you can display an image and 24 other people hide.  The trick is to keep by selecting the named items and their visibility, that is, to select "img1" and click display, then select "img2" and click Hide, etc.

  • How to make new tabs open to my homepage specified instead of the blank page?

    How to make new tabs open to my homepage specified instead of the blank page?

    You can do this by using an add-on such as:

    Another way to open the home page in a new tab is in the Middle, click the home button in the navigation toolbar.

  • How to make new articles appear at the top of the home page.

    Hi, I'm doing a site with adobe muse. How do new items appear at the top of my home page and one pass old down. I don't want to fix the home page when I write a new article, so it can be on top. In this way, I want the homepage to show news in chronological order automatically. the home page just shows the news with the image preview and tittle and when you click it read you the entire article. So, how is it possible.

    Hello

    Take a look at this topic, is useful

    How can I build a website with Adobe Muse?

  • How to open an image when you click in a Word.

    Im working in a demo for an interactive book for ipad with the Digital Publishing Suite > Folio Builder and I need to be able to open a specific image when you click in a Word. I have not found a tutorial which shows how to do this can point me to it someone in the right direction please?  THX so much

    Simply put a box above the word. Then convert the box to a button with the action "go State" that points to a specific State in MSO with your image. While an invisible button (no fill and no stroke). Probably the ASM must be first vacuum State.

  • How to make my Spry Menu transparent background bar?

    I am a beginner and create my first website and just started coding for the first time today. I'm trying to do my transparent background behind the text, or at least replace the text + the background of a menu with my own photo. Is it possible that I can do as possible. You can get an overview of my problem here on my test site.

    http://visualizecontrollers.webege.com/

    I'm trying to make it similar to my design that I made in photoshop. I change it a little though of course.

    http://gyazo.com/598320901c425f5c47a8118306d8506d

    As you can see in the picture above, below the menu bar, there is a line with a small arrow pointing up under the House, don't worry about this. Will just change for each page I do.

    If you want the code, I'm going here.

    HTML/CSS

    http://pastebin.com/pZ1HWZnW

    Sections

    http://pastebin.com/9QSzgsHP

    SpryMenuBar.js

    http://pastebin.com/LzyjVuSg

    I have a backup plan if it is not possible. Can I just replace the menu with pictures that will respond as buttons when you click right align horizontal.

    If you need additional information, please let me know!

    I discovered how to change. If you have a default color as background of your Spry menu bar, simply click on the default code of the background color and then delete and leave the field blank. It will automatically make your transparent background.

  • How to integrate an audio to a Muse image file so that the music plays only when you click on the image?

    Hello! I'm looking for a way to incorporate an audio file (mp3 or quicktime) into a still image in my Muse site. Ideally, the audio would play only when you click the image, so that each image can contain a separate audio file. So important is that the audio file is not visible on the site (so soundcloud, youtube and vimeo doesn't work here). Is there a way to do this? Thank you, AR

    Check out this edition of the month of 123Muse (www.123Muse.com). This is audio and video by Muse.

Maybe you are looking for