Movie Clip Thumbnail Gallery

I'm using Flash 8 Professional
Here's the swf:
http://208.131.133.122/flash/
And my fla:
http://208.131.133.122/flash/scene.fla
(8MB sorry!)
Right now, when the mouse is in the same _x position as the
last thumbnail, the thumbnails slide gently to the left to reveal
more thumbnails then slide back to the right when the mouse moves
to the left again.
The problem is that they start sliding to the left whether or
not the mouse is over the thumbnail gallery. If the mouse is at the
bottom of the screen or the top of the screen and in the same _x
position as the last thumbnail, they will begin sliding.
I would like the thumbnails to begin sliding only when the
mouse hovers over the row of thumbnails and not when it is outside
that thumbnail area.
I added some actionscript to stop the movement of the
movieclip when the mouse is above the max or below the min _y
position of the clip; but, it does not work.
I don't really know what I'm doing. Can someone.... anyone...
tell me if this is something that can be done? And if yes, how?
Much thanks in advance.

I see that your first wooden button is a 'scroll down' button
which plays through
the length of the thumbnails. Do you mean you want to
replicate and reverse this on the third wooden button 'scroll up' ?
I'm just guessing here but I'd say you accually have your
thumbnail gallery scrolling down as a motion tween and your scroll
up button just has a 'goto previous frame' type function on it?
If the previous statement is true then I would suggest two
options for you.
1.) You take the scrolling functionality out of a timeline
and do it all with action script. This would be the most effective
way of doing it.
2.) Since you probably don't want to make serious edits to
that .fla. Here's another way. You have a boolean called 'is_rev'
and a function called 'play_backwards'. These are contained within
the same movie clip as your thumbnail gallery.
<!-- code
var is_rev:Boolean = false;
-->
Your third wooden button has these actions on it.
on(release)
this.is_rev = true;
this.prevFrame(); // This is to start the reverse loop;
Your first wooden button would have this on it.
on(release)
this.is_rev = false;
this.play();
Your second wooden button would have this on it.
on(release)
this.is_rev = false;
The function would be:
function play_backwards()
if(this.is_rev)
this.preFrame();
Now on every single frame of your scrolling gallery you need
to call this.play_backwards();
Please note the way I structured the coding assumes every
object is on the same timeline. If your buttons are in a
different/parent movie clip relative to your gallery movie clip,
your going to need to make sure 'this' is set relative to the two
objects. (i.e. on your button -> this.prevFrame(); would
probably be this.gallery.prevFrame(); )
A quick design note. If your buttons symbolize scrolling not
movement they should be reversed since as the thumbnail gallery is
moving upwards the user is scrolling downwards.

Similar Messages

  • Question about scrolling and Movie Clips Loaded from the Library

    I hope I am posting this in the right forum.
    Ok, I'm using actionscript 2.0, and I am trying to make a scrolling image gallery. I have a movie clip with three layers. the first contains a movie clip used as a scroll bar. The second is a mask used to hide the overflow content, and the third contains movie clip thumbnails. when I click one of the thumbnails, it loads a symbol containing a larger version of the picture over top of the thumbnails on the same layer. My problem is, the large image is added at the very top of the movie clip, even when it is scrolled out of sight. I want it to appear in sight, so the user doesn't have to scroll all the way back up to the top to see it. This is annoying and confusing. Is there a way to do this?
    Here is the code I used to create the scroll effect (there is actually a whole lot more to the code but it is very long, so I am not adding it now. I will if it is needed though) 
    (Oh, and there is no text involved in this. I just got this code off a tutorial and I haven't changed the variable names yet)
        var scrollUpper:Number = 58;
        var scrollLower:Number = 309;
        var textLower:Number = 60;
        var textUpper:Number = -179;
        var scrollRange:Number = scrollLower - scrollUpper;
        var textRange:Number = textLower - textUpper;
        var startY:Number = imagesHolder_mc.thumbs_mc._y;
        function scroll(){
           var moved:Number = imagesHolder_mc.scroller_mc._y - scrollUpper;
           var pctMoved:Number = moved/scrollRange;
           var textMove:Number = pctMoved*textRange;
           imagesHolder_mc.thumbs_mc._y = textLower - textMove;
        imagesHolder_mc.scroller_mc.onPress = function(){
           this.startDrag(false,this._x,scrollUpper,this._x,scrollLower);
           this.onMouseMove = scroll;
        imagesHolder_mc.scroller_mc.onRelease = scroller_mc.onReleaseOutside = function(){
           this.stopDrag();
           this.onMouseMove = null}

    Thanks for your reply. I'll try to explain it better. I have a long, vertically scrolling movie clip. This movie clip contains lots of thumbnails. When I click a thumbnail, the full sized image is loaded from the library and displayed within the same movie clip. when I click the full size movie clip, it disappears again, and I can click another thumbnail to display another full size image. So I'm not just adding more and more stuff to the gallery if that's what you were thinking. I'm just clicking thumbnails to display the full size image so I can look at it, closing it, and moving on.
    But the full sized image is fixed at the very top of the scrolling movie clip, so if I click a thumbnail at the very bottom, I have to scroll all the way back up to the top to see the full size image. I just want the full size image to appear on screen no matter how far down I have scrolled to click a thumbnail.
    I made my basic gallery useing this tutorial:
    http://flashexplained.com/actionscript/making-the-ultimate-dynamic-image-gallery-in-flash- 8/
    if you want to take a look at that, to get an idea of what I'm talking about.
    Now I'm just trying to add some scrolling functionality, which wasn't included, but I don't really understand actionscript well enough to do this easily on my own.
    Sorry for the long reply. I hope this is clearer.

  • Controlling a movie clip timeline

    I am using a loaded movie clip in my movie. This script is on
    a button:
    loadMovie("largeWorks_mc.swf",_root.largeWorksE_mc);
    Why can''t I control this loaded movie clip from a button in
    another movie clip:
    large1_btn.onPress = function (){
    _root.largeWorks_mc.gotoAndStop(5);

    quote:
    Originally posted by:
    Opera Rat
    Yes, I'm loading largeWorks_mc into the target movie clip
    _root.largeEmpty_mc.
    Let me see if I can explain this better. If you look at the
    old version (the one that loads the entire flash file at once), you
    can see the different areas of the movie I am talking about. You
    can see it at anthonysmithjr.com
    There is nothing there for me.
    and then view the gallery. I've just added about 50 new pics
    and don't want to keep the gallery the way it is now - loading
    everything at once. So each section of the gallery will load when
    you go to it - large works and small works.
    The thumbnails are a movie clip within the root movie. Then
    the large version of the pics are another movie clip in the root
    movie. So when your looking at the large work section your seeing
    the main movie (the purple background and buttons) and 2 movie
    clips (thumbnails and largeWorks). I no longer want large works
    movie clip to load when the movie is opened because it takes too
    long. So in a version that I have not put up yet I have the code:
    gotoAndStop(6)
    loadMovie("largeWorks_mc.swf",_root.largeWorksE_mc);
    Ok.. this code will work just fine, but instead of having
    both LoadMovie() and gotoAndStop() on the same frame, it might be
    easier to simply have
    gotoAndStop() on your buttons, THEN, on the frame that it
    goes to and stops, have the loadMovie()
    when you click on the large works tab. This loads the movie
    clip of the large version of the pics and it also take you to frame
    6 or the root timeline (where the large works thumbnail clip is
    located).
    So if you were to do what i suggested, on frame six you would
    also have your LoadMovie() command.
    When I click on a thumbnail in the movie clip
    largeThumbnails_mc in the root movie it should tell the movie clip
    that loaded next to it to go to the frame that contains that the
    large version of that thumbnail.
    yes you would use something like this to target it...
    this. HOLDER . WHAT WAS LOADED . gotoAndStop()
    im using that instead of your instance names because im still
    abit fuzzy on what is loaded and when.
    So I do want to control the only timeline in largeWorks_mc
    (just 50 frames of pics) from the other movie clip in the root
    movie. See the site and see if this is any clearer.
    I really appreciate your help. I'm gutting my bathroom at the
    same time I'm trying to get this thing to work and it's driving me
    insane.
    No problems.
    ________________________________________________

  • How to move the Thumbnails & the photo caption to top in Galleria

    I am working on a click-able gallery using the coding found on jQuery Galleria 1.0b from
    http://galleria.aino.se/
    Similar coding can be found on here;
    http://monc.se/kitchen/146/galleria-a-javascript-image-gallery#comments
    I would like to move the thumbnails and the photo captions to the top, rather than having it at the bottom. Much apperciated any help. I cannot read coding as i am new to these things. My HTML coding as follows;
    <link href="test/galleria.css" rel="stylesheet" type="text/css" media="screen">
        <script type="text/javascript" src="test/jquery.min.js"></script>
        <script type="text/javascript" src="test/jquery.galleria.js"></script>
        <script type="text/javascript">
        $(document).ready(function(){
            $('.gallery_demo_unstyled').addClass('gallery_demo'); // adds new class name to maintain degradability
            $('ul.gallery_demo').galleria({
                history   : true, // activates the history object for bookmarking, back-button etc.
                clickNext : true, // helper for making the image clickable
                insert    : '#main_image', // the containing selector for our main image
                onImage   : function(image,caption,thumb) { // let's add some image effects for demonstration purposes
                    // fade in the image & caption
                    image.css('display','none').fadeIn(1000);
                    caption.css('display','none').fadeIn(1000);
                    // fetch the thumbnail container
                    var _li = thumb.parents('li');
                    // fade out inactive thumbnail
                    _li.siblings().children('img.selected').fadeTo(500,0.3);
                    // fade in active thumbnail
                    thumb.fadeTo('fast',1).addClass('selected');
                    // add a title for the clickable image
                    image.attr('title','Next image >>');
                onThumb : function(thumb) { // thumbnail effects goes here
                    // fetch the thumbnail container
                    var _li = thumb.parents('li');
                    // if thumbnail is active, fade all the way.
                    var _fadeTo = _li.is('.active') ? '1' : '0.3';
                    // fade in the thumbnail when finnished loading
                    thumb.css({display:'none',opacity:_fadeTo}).fadeIn(1500);
                    // hover effects
                    thumb.hover(
                        function() { thumb.fadeTo('fast',1); },
                        function() { _li.not('.active').children('img').fadeTo('fast',0.3); } // don't fade out if the parent is active
        </script>
        <style media="screen,projection" type="text/css">
        /* BEGIN DEMO STYLE */
        *{margin:0;padding:0}
        body{padding:20px;background:white;text-align:center;background:black;color:#bba;font:80% /140% georgia,serif;}
        h1,h2{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
        a{color:#348;text-decoration:none;outline:none;}
        a:hover{color:#67a;}
        .caption{font-style:italic;color:#887;}
        .demo{position:relative;margin-top:2em;}
        .gallery_demo{width:702px;margin:0 auto;}
        .gallery_demo li{width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#000;}
        .gallery_demo li div{left:240px}
        .gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
        #main_image{margin:0 auto 60px auto;height:438px;width:700px;background:black;}
        #main_image img{margin-bottom:10px;}
        .nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
        .info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
        .info p{margin-top:1.6em;}
        </style>
    </head>
    <body>
    <h1>Galleria Demo 01</h1>
    <div class="demo">
    <div id="main_image"></div>
    <ul class="gallery_demo_unstyled">
        <li><img src="test/img/flowing-rock.jpg" alt="Flowing Rock" title="Flowing Rock Caption"></li>
        <li><img src="test/img/stones.jpg" alt="Stones" title="Stones - from Apple images"></li>
        <li class="active"><img src="test/img/grass-blades.jpg" alt="Grass Blades" title="Apple nature desktop images"></li>
        <li><img src="test/img/ladybug.jpg" alt="Ladybug" title="Ut rutrum, lectus eu pulvinar elementum, lacus urna vestibulum ipsum"></li>
        <li><img src="test/img/lightning.jpg" alt="Lightning" title="Black &amp; White"></li>
        <li><img src="test/img/lotus.jpg" alt="Lotus" title="Fusce quam mi, sagittis nec, adipiscing at, sodales quis"></li>
        <li><img src="test/img/mojave.jpg" alt="Mojave" title="Suspendisse volutpat posuere dui. Suspendisse sit amet lorem et risus faucibus pellentesque."></li>
        <li><img src="test/img/pier.jpg" alt="Pier" title="Proin erat nisi"></li>
        <li><img src="test/img/sea-mist.jpg" alt="Sea Mist" title="Caption text from title"></li>
    </ul>
    <p class="nav"><a href="#" onclick="$.galleria.prev(); return false;">&laquo; previous</a> | <a href="#" onclick="$.galleria.next(); return false;">next &raquo;</a></p>
    </div>
    The CSS coding as follows;
    .galleria{list-style:none;width:200px}
    .galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
    .galleria li a{display:none}
    .galleria li div{position:absolute;display:none;top:0;left:180px}
    .galleria li div img{cursor:pointer}
    .galleria li.active div img,.galleria li.active div{display:block}
    .galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
    .galleria li .caption{display:block;padding-top:.5em}
    .galleria_main div{display:none;}
    .galleria_main div.active{display:block;}
    * html .galleria li div span{width:400px} /* MSIE bug */

    Looks like you are talking about taskbar, See:
    * http://www.sevenforums.com/tutorials/1066-taskbar-move-location-desktop-screen.html

  • Play a Movie Clip on a frame In Main SWF from a button, within 2 MovieClips

    I’m using AS2, Flash 8
    I have a frame on my main Timeline Called “Gallery” within this frame I have 2 movie clips, which I need to work together:
    One is called:
    Gall_Lge_1
    Which contains 37 frames.
    Each frame has a different movie – basically 37 different photos which pop up on each frame.
    (MC’s named Lge_1, Lge_2, Lge_3 etc)
    The second Movie Clip I have on here is called:
    gall_strip_mc
    Which contains a movie clip called strip1 , (which is set to scroll its contents controlled by buttons on ”Gallery”- which works) inside that is a movie clip called strip_all , and contains one frame with 37 buttons/photo thumbnails, (Buttons named btn1, btn2, btn3 etc which I require to link each individual button to the corresponding photo/frame in Gall_Lge_1  …
    So,
    btn1 will go to and play Lge_1(Frame 1 of Gall_Lge_1)
    btn2 will go to and play Lge_2(Frame 2 of Gall_Lge_1)
    I’m stuck and can’t get it to work..
    Here is the site – under ‘Gallery’ so you can see what I’m trying to achieve
    http://www.blueshelldesign.com.au/draft/
    (I’ve placed in Back and Next buttons next to ‘Gall_Lge_1’ so you can see how its suppose to look when the thumbnails from ‘gall_strip_mc’ are clicked)

    First, you do not use quotes when you are specifying a frame number, so try changing that first.  The only time you use quotes for that argument is for frame label strings.
    If it still won't play, are you sure that the button is coded properly and executes the function when clicked?  You should put a trace in the function to make sure.  Also, you could try using _root instead of _level0... I forget the difference, if any, but _root will definitely get you to the main timeline.
    btn2.onRelease = function() {
         trace("btn2 clicked");
        _root.Gall_Lge_1.gotoAndPlay(2);

  • Movies in Web Gallery

    iPhoto or .Mac for web gallery questions? I'll try here:
    Running iPhoto 7.01 and uploaded a web gallery of my niece's wedding. My camera takes QT movies as well and allows you to select movies and even sends a thumbnail with a movie icon on it. But when try and play them you get an generic 'QuickTime is unable to play this movie. Please try again.' and the Gallery entry in iphoto has one of the triangle '!' signs after it as if it ran into problems.
    So is it:
    a bug in delivery and Gallery doesn't really support QT movies (and should warn you if some are selected or just ignore them)
    it only supports certain types of QT movies (though I don't think they got sent)
    Or some other problem? No mention of movies that are supported by iPhoto in the database in any Gallery help or notice I can find.

    Why is this thread marked as 'Answered?' Is the 'solution' that, while iPhoto 'seems' to be able to upload videos it lists and plays to Web Gallery, videos don't play.
    Is that the answer? Has anyone been able to have videos uploaded to a web gallery via iPhoto actually run in a Web Gallery. If so, which format was it in?
    (ANSWER/Workaround below.)
    For me, My camera's MPEG1 Muxed, 640 x 480 pixels movies are copied to and list fine in iPhoto and are listed with an icon in a Web Gallery, but throws up an error message.
    Movies exported to finder by iMovie 08 (.m4v, mpeg4 using H.264) is not even accepted as a valid format by iPhoto, so I can't say if it will run in the Web Gallery. Likewise, exporting a movie to the Media Browser does little, as iPhoto can't access the Media Browser. (Is that true? Am I missing something?)
    Video encoded as MPEG4 Decompressor (libavcodec), 640 x 480, Millions AAC, Stereo (L R), 44.100 kHz (.mp4) is accepted as a valid format and is uploaded to the Web Gallery. It is also played in Web Gallery.
    So, Non-H.264 compressed mpeg4 movie clips will play in Web Gallery.

  • Referencing HTML page from within a movie clip

    Hi
    Hope someone can help with this.
    I have a simple horizontal scrolling gallery of 24 thumbnails
    in Flash, the thumbnail images are loaded into the boxes using
    actionscript. I would like each thumbnail to link to a html page of
    my choice. There is a movie clip instance called panel with the 24
    buttons inside it and on the first button as a test I've placed the
    following action script:
    on (release) {
    getURL("team.html","_self");
    When testing this movie from within Flash (CTRL, ENT) the
    button links to the html file (which is in the same folder as the
    SWF) with no problem. The problem is when I preview the page in a
    browser and try to click on the first button nothing is happening.
    I've tried it in both IE7 and Firefox with the same result.
    The flash thumbnail clip is placed as a flash object into a
    html page using dreamweaver.
    I'm sure this is something simple such as navigating the
    timeline but I've tried a few things like _root. but still no joy.
    Hope someone can help.
    Thanks, Jo

    Try
    on (release) {
    getURL("
    http://site.com/team.html","_self");
    }

  • Problems with Flash thumbnail gallery

    Hi there,
    I am an artist trying to remake my website...I have a picture of a window on my homepage. The window is a movie. When clicked on, the window lights turn on and a grid of thumbnail pics appear. Each thumbnail is a movie clip. When a thumbnail is clicked on, the movie plays and a larger image appears over the window. The problem is, the window is still active underneath the large image, so if I click on the large image, I am really clicking on the window movie clip underneath, and the thumbnail grid disappears-starting the window movie clip over. How do I make the window clip inactive after it is initially clicked?
    Also, I would like the larger images to end their movie clips after another thumbnail is clicked, so that there aren't large images piled up on top of each other.
    Is there anyone that can help?
    Thanks in advance!!

    Hi again,
    First off, thanks so much for your continued help...
    So, I changed my design a little and format. Now I'm using as3, with Flash CS5.
    My thumbnail gallery is still based on the same concept, I want a movie clip of a window to be clicked on that reveals a thumb grid, but now the thumbnail gallery should appear over the window, and the large portfolio images appear in the blank space to the right. I followed a tutorial for the gallery, here's my code on the main timeline:
    import flash.events.MouseEvent;
    btn1.addEventListener(MouseEvent.CLICK, GetFirstImage)
    function GetFirstImage (evt:MouseEvent) {
              gotoAndStop("pic1")
    import flash.events.MouseEvent;
    btn2.addEventListener(MouseEvent.CLICK, GetSecondImage)
    function GetSecondImage (evt:MouseEvent) {
              gotoAndStop("pic2")
    import flash.events.MouseEvent;
    btn3.addEventListener(MouseEvent.CLICK, GetThirdImage)
    function GetThirdImage (evt:MouseEvent) {
              gotoAndStop("pic3")
    But now I don't know how to go about adding in the initial movie clip of the window (which when clicked should light up and fade into the thumbnail grid) Right now I just have the gallery set up. How do I set up a movie that contains my gallery?
    Sorry if the question is redundant, but as you know, I'm new to actionscript.
    Thanks! 

  • Help! Remove Movie Clips

    OK...here's my problem... I am making a portfolio site and I
    have my thumbnails being created dynamically through XML...very
    similar to the galleries example in the Sample and Tutorials. Only
    problem is that I have multiple keyframes with different thumbnails
    that need to be displyed through a different XML file. I got it to
    work but the thumbnails from the first frame are still showing on
    the second frame...How do I remove the dynamically created movie
    clips?

    OK...here's the code...At thebottom of the document, I need
    to remove the clips created on the next button. This is the same
    code from the gallery sample file; I just added my own XML file.
    stop();
    import mx.transitions.*;
    _global.thisX = 30;
    _global.thisY = 70;
    _global.stageWidth = 600;
    _global.stageHeight = 400;
    var gallery_xml:XML = new XML();
    gallery_xml.ignoreWhite = true;
    gallery_xml.onLoad = function(success:Boolean) {
    try {
    if (success) {
    var images:Array = this.firstChild.childNodes;
    var gallery_array:Array = new Array();
    for (var i = 0; i<images.length; i++) {
    gallery_array.push({src:images
    .firstChild.nodeValue});
    displayGallery(gallery_array);
    } else {
    throw new Error("Unable to parse XML");
    } catch (e_err:Error) {
    trace(e_err.message);
    } finally {
    delete this;
    gallery_xml.load("gallery_practices2.xml");
    function displayGallery(gallery_array:Array) {
    var galleryLength:Number = gallery_array.length;
    for (var i = 0; i<galleryLength; i++) {
    var thisMC:MovieClip =
    this.createEmptyMovieClip("image"+i+"_mc", i);
    mcLoader_mcl.loadClip(gallery_array.src, thisMC);
    preloaderMC = this.attachMovie("preloader_mc",
    "preloader"+i+"_mc", 5000+i);
    preloaderMC.bar_mc._xscale = 0;
    preloaderMC.progress_txt.text = "0%";
    thisMC._x = _global.thisX;
    thisMC._y = _global.thisY;
    preloaderMC._x = _global.thisX;
    preloaderMC._y = _global.thisY+20;
    if ((i+1)%5 == 0) {
    _global.thisX = 20;
    _global.thisY += 80;
    } else {
    _global.thisX += 80+20;
    var mcLoader_mcl:MovieClipLoader = new MovieClipLoader();
    var mclListener:Object = new Object();
    mclListener.onLoadStart = function() {
    mclListener.onLoadProgress = function(target_mc, loadedBytes,
    totalBytes) {
    var pctLoaded:Number =
    Math.round(loadedBytes/totalBytes*100);
    var preloaderMC =
    target_mc._parent["preloader"+target_mc.getDepth()+"_mc"];
    preloaderMC.bar_mc._xscale = pctLoaded;
    preloaderMC.progress_txt.text = pctLoaded+"%";
    mclListener.onLoadInit = function(evt:MovieClip) {
    evt._parent["preloader"+evt.getDepth()+"_mc"].removeMovieClip();
    var thisWidth:Number = evt._width;
    var thisHeight:Number = evt._height;
    var borderWidth:Number = 2;
    var marginWidth:Number = 8;
    evt.scale = 8;
    evt.lineStyle(borderWidth, 0x000000, 100);
    evt.beginFill(0xFFFFFF, 100);
    evt.moveTo(-borderWidth-marginWidth,
    -borderWidth-marginWidth);
    evt.lineTo(thisWidth+borderWidth+marginWidth,
    -borderWidth-marginWidth);
    evt.lineTo(thisWidth+borderWidth+marginWidth,
    thisHeight+borderWidth+marginWidth);
    evt.lineTo(-borderWidth-marginWidth,
    thisHeight+borderWidth+marginWidth);
    evt.lineTo(-borderWidth-marginWidth,
    -borderWidth-marginWidth);
    evt.endFill();
    evt._xscale = evt.scale;
    evt._yscale = evt.scale;
    evt._rotation = Math.round(Math.random()*-10)+5;
    evt.onPress = function() {
    this.startDrag();
    this._xscale = 30;
    this._yscale = 30;
    this.origX = this._x;
    this.origY = this._y;
    this.origDepth = this.getDepth();
    this.swapDepths(this._parent.getNextHighestDepth());
    this._x = (_global.stageWidth-evt._width+30)/2;
    this._y = (_global.stageHeight-evt._height+30)/2;
    mx.transitions.TransitionManager.start(this,
    {type:mx.transitions.Photo, direction:0, duration:1,
    easing:mx.transitions.easing.Strong.easeOut, param1:empty,
    param2:empty});
    evt.onRelease = function() {
    this.stopDrag();
    this._xscale = this.scale;
    this._yscale = this.scale;
    this._x = this.origX;
    this._y = this.origY;
    evt.onReleaseOutside = evt.onRelease;
    mcLoader_mcl.addListener(mclListener);
    next_btn.onRelease= function() {
    gotoAndStop(2);
    back_btn.onRelease= function() {
    gotoAndStop(1);
    }

  • Loading a movie clip loses my script function

    I have an art gallery that is in three parts. The Flash movie
    used to load everything before opening, but the gallery has grown
    too large. So now I've divided it up into three sections. The first
    section loads the first set of pics with the movie. The second and
    third sections load when you click on the relevant buttons. The
    interface (root movie) has 2 movie clips per section - the
    thumbnails (all three of which load with the movie) and the large
    pics of the thumbnails. So when you click on a thumbnail the proper
    large work shows in the other movie clip. This all worked fine
    using this code in my thumbnails for the largeWorks sections:
    stop();
    large1_btn.onPress = function (){
    _root.largeWorks_mc.gotoAndStop(1);
    large2_btn.onPress = function (){
    _root.largeWorks_mc.gotoAndStop(2);
    etc...
    This code is in the thumbnail movie script. Notice it calls
    _root.largeWorks_mc
    Now when you click on See Large Works button a place holder
    movie clip (target) called largeWorksE_mc is replaced with
    largeWorks_mc.
    The button uses the code:
    loadMovie("largeWorks_mc.swf",_root.largeWorksE_mc);
    But now when I click on the thumbnails nothing happens. My
    thumbnail movie clip is no longer communicating with the loaded
    movie clip. What have I done wrong?

    I had trouble following your explanation.
    If code is disappearing, it is probably code in a MovieClip
    that a loadMovie replaces with another external movie. When using
    loadMovie, the MovieClip in it is destroyed and the timing is not
    something you can predict.

  • How can i hide a movie clip?

    is it possible for me to hide a movie clip by the press of a button that is on a differant timeline?
    here is my code for button.
    stop();
    submit_btn.addEventListener(MouseEvent.CLICK, subClick);
    failed_txt.background = false;
    failed_txt.border = false;
    var myName:String;
    var myPass:String;
    function subClick(event:MouseEvent):void{
    myName=name_txt.text;
    myPass=pass_txt.text;
    if(myName == "gallery" && myPass == "password"){
      gotoAndStop("hidden");
    } else{
      failed_txt.text = "Please enter a valid password.";
    Many thanks.
    Michael Down

    Yes, it should be possible, but you need to provide some explanation of what you want it to do that it doesn't.  How are things on different timelines and what symbol is supposed to be getting hidden?

  • Need help making javascript thumbnail gallery function in javascript tab menu

    Hello all,
    I have implemented a css/javascript tab menu on one of my html pages thanks to Chris Coyier (http://css-tricks.com/learning-jquery-fading-menu-replacing-content/), and within one of the tabs, which I labeled GALLERY, I am trying to place a thumbnail gallery curtosy of Trent (http://www.twospy.com/galleriffic/).
    Before trying to place it in the menu, I made the gallery on a seperate html page to make sure that I could get it to work.  It does. But when I place it in the menu it shows up on page load under the content of the first tab (labeled TOUR) and not in the gallery tab.  In addition, once I click on the "gallery" tab the other tabs stop showing their content.  I feel like I am missing something obvious. But I just can't figure out what.  If anyone can help I would greatly appreciate it.
    Thanks,
    Natalie
    Below is the code of my whole page:
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Tour template</title>
    <!--TABS-->
    <link rel="stylesheet" type="text/css" href="MenuFader/style.css">
    <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
    <script type="text/javascript">
            $(function(){
                $("#tour-button").css({
                    opacity: 0.3
                $("#gallery-button").css({
                    opacity: 0.3
                $("#page-wrap div.button").click(function(){
                    $clicked = $(this);
                    // if the button is not already "transformed" AND is not animated
                    if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) {
                        $clicked.animate({
                            opacity: 1,
                            borderWidth: 5
                        }, 600 );
                        // each button div MUST have a "xx-button" and the target div must have an id "xx"
                        var idToLoad = $clicked.attr("id").split('-');
                        //we search trough the content for the visible div and we fade it out
                        $("#contents").find("div:visible").fadeOut("fast", function(){
                            //once the fade out is completed, we start to fade in the right div
                            $(this).parent().find("#"+idToLoad[0]).fadeIn();
                    //we reset the other buttons to default style
                    $clicked.siblings(".button").animate({
                        opacity: 0.5,
                        borderWidth: 1
                    }, 600 );
    </script>
    <!--End Tabs-->
    <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
    <style type="text/css">
    <!--
    #realtor panel {
        width: 1000px;
    body {
        background-color: #282828;
        margin: 0px;
    .style4 {color: #A1A1A1}
    -->
    </style>
    <!-- InstanceBeginEditable name="Gallery" -->
    <title>Example tour page</title>
    <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="Gallery/js/jquery.galleriffic.js"></script>
    <script type="text/javascript" src="Gallery/js/jquery.opacityrollover.js"></script>
    <script type="text/javascript">
                document.write('<style>.noscript { display: none; }</style>');
    </script>
    <link rel="stylesheet" type="text/css" href="Gallery/css/galleriffic-2.css">
    <link rel="stylesheet" type="text/css" href="Gallery/css/basic.css">
    <!-- InstanceEndEditable -->
    </head>
    <!-- InstanceBeginEditable name="body" -->
    <body>
    <div id="realtor panel"><table width="100%" border="0">
      <tr>
        <td width="18%"> <div align="center"></div></td>
        <td width="82%"> </td>
      </tr>
    </table>
    </div>
    <div id="page-wrap">
            <div id="tour-button" class="button">
                <img src="MenuFader/images/TOUR.png" alt="tour" class="button" />
            </div>
            <div id="gallery-button" class="button">
                <img src="MenuFader/images/GALLERY.png" alt="property gallery" class="button" />
            </div>
            <div id="info-button" class="button">
                <img src="MenuFader/images/INFO.png" alt="info" class="button" />
            </div>
            <div id="specs-button" class="button">
                <img src="MenuFader/images/SPECS.png" alt="specs" class="button" />
            </div>
            <div class="clear"></div>
      <div id="contents">
        <div id="tour">
          <script type="text/javascript">
    AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','wid th','1270','height','443','src','swf files/Tudor Arms interative floor plan','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movi e','swf files/Tudor Arms interative floor plan' ); //end AC code
    </script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="1270" height="443">
            <param name="movie" value="swf files/Tudor Arms interative floor plan.swf" />
            <param name="quality" value="high" />
            <embed src="swf files/Tudor Arms interative floor plan.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1270" height="443"></embed>
          </object></noscript>
        </div>
        <div id="property gallery">
             <div id="container">
                    <div id="gallery" class="content">
                        <div id="controls" class="controls"></div>
                        <div class="slideshow-container">
                            <div id="slideshow" class="slideshow"></div>
                        </div>
                    </div>
                    <div id="thumbs" class="navigation">
                        <ul class="thumbs noscript">
                            <li>
                                <a class="thumb" href="Gallery/images/example/apt entrance1.jpg">
                                <img src="Gallery/images/example/Tudor thumbs/apt face1.jpg" alt="apt entrance1" />
                                </a>
                           </li>
                          <li>
                                <a class="thumb" href="Gallery/images/example/apt entrance2.jpg" >
                                <img src="Gallery/images/example/Tudor thumbs/apt face2.jpg" alt="apt entrance2" />
                                </a>
                          </li>
                          <li>
                                 <a class="thumb" href="Gallery/images/example/apt entrance3.jpg" >
                                <img src="Gallery/images/example/Tudor thumbs/apt face3.jpg" alt="apt entrance3" />
                              </a>
                          </li>   
                            <li>
                                 <a class="thumb" href="Gallery/images/example/apt sign.jpg" >
                                <img src="Gallery/images/example/Tudor thumbs/apt sign.jpg"  alt="apt sign" />
                              </a>
                          </li>
                          <li>
                                 <a class="thumb" href="Gallery/images/example/entryway1.jpg" >
                                <img src="Gallery/images/example/Tudor thumbs/entry.jpg" alt="entry" />
                              </a>
                          </li>
                            <li>
                                 <a class="thumb" href="Gallery/images/example/living room1.jpg" >
                                <img src="Gallery/images/example/Tudor thumbs/living1.jpg"  alt="living1" />
                              </a>
                          </li>
                           <li>
                                 <a class="thumb" href="Gallery/images/example/living room2.jpg" >
                                 <img src="Gallery/images/example/Tudor thumbs/living2.jpg" alt="living3" />
                              </a>
                          </li>
                            <li>
                                 <a class="thumb" href="Gallery/images/example/living room3.jpg" >
                                <img src="Gallery/images/example/Tudor thumbs/living3.jpg"  alt="living3" />
                              </a>
                          </li>
                          <li>
                                 <a class="thumb" href="Gallery/images/example/dining1.jpg" >
                                 <img src="Gallery/images/example/Tudor thumbs/dining1.jpg"  alt="dining1" />
                              </a>
                          </li>
                            <li>
                                 <a class="thumb" href="Gallery/images/example/Dining2.jpg" >
                                <img src="Gallery/images/example/Tudor thumbs/dining2.jpg"  alt="dining2" />
                              </a>
                          </li>
                          <li>
                                 <a class="thumb" href="Gallery/images/example/dining3.jpg" >
                                <img src="Gallery/images/example/Tudor thumbs/dining3.jpg" alt="dining3" />
                              </a>
                          </li>
                            <li>
                                 <a class="thumb" href="Gallery/images/example/Kitchen1.jpg" >
                                <img src="Gallery/images/example/Tudor thumbs/kitchen1.jpg"  alt="kitchen1" />
                              </a>
                          </li>
                          <li>
                                 <a class="thumb" href="Gallery/images/example/Kitchen2.jpg" >
                                <img src="Gallery/images/example/Tudor thumbs/kitchen2.jpg" alt="kitchen2" />
                              </a>
                          </li>
                            <li>
                                 <a class="thumb" href="Gallery/images/example/bedroom1.jpg" >
                                <img src="Gallery/images/example/Tudor thumbs/bed1.jpg"  alt="bed1" />
                              </a>
                          </li>
                           <li>
                                 <a class="thumb" href="Gallery/images/example/bedroom2.jpg">
                                <img src="Gallery/images/example/Tudor thumbs/bed2.jpg"  alt="bed2" />
                              </a>
                          </li>
                            <li>
                                 <a class="thumb" href="Gallery/images/example/bedroom3.jpg" >
                                <img src="Gallery/images/example/Tudor thumbs/bed3.jpg"  alt="bed3" />
                              </a>
                          </li>
                            <li>
                                 <a class="thumb" href="Gallery/images/example/bathroom.jpg">
                                <img src="Gallery/images/example/Tudor thumbs/bath.jpg"  alt="bath" />
                              </a>
                            </li>
                        </ul>
                    </div>
                <div style="clear: both;"></div>
            </div>
        </div>
        <div id="info">
            <p class="style4">Content for info</p>
        </div>
        <div id="specs">
            <p class="style4">This content is for specs.</p>
        </div>
      </div>
    </div>
    <!--script for gallery-->
    <script type="text/javascript">
                jQuery(document).ready(function($) {
                    // We only want these styles applied when javascript is enabled
                    $('div.navigation').css({'width' : '400px', 'float' : 'left'});
                    $('div.content').css('display', 'block');
                    // Initially set opacity on thumbs and add
                    // additional styling for hover effect on thumbs
                    var onMouseOutOpacity = 0.67;
                    $('#thumbs ul.thumbs li').opacityrollover({
                        mouseOutOpacity:   onMouseOutOpacity,
                        mouseOverOpacity:  1.0,
                        fadeSpeed:         'fast',
                        exemptionSelector: '.selected'
                    // Initialize Advanced Galleriffic Gallery
                    var gallery = $('#thumbs').galleriffic({
                        delay:                     2500,
                        numThumbs:                 15,
                        preloadAhead:              10,
                        enableTopPager:            true,
                        enableBottomPager:         true,
                        maxPagesToShow:            7,
                        imageContainerSel:         '#slideshow',
                        controlsContainerSel:      '#controls',
                        captionContainerSel:       '#caption',
                        loadingContainerSel:       '#loading',
                        renderSSControls:          true,
                        renderNavControls:         true,
                        playLinkText:              'Play Slideshow',
                        pauseLinkText:             'Pause Slideshow',
                        prevLinkText:              '&lsaquo; Previous Photo',
                        nextLinkText:              'Next Photo &rsaquo;',
                        nextPageLinkText:          'Next &rsaquo;',
                        prevPageLinkText:          '&lsaquo; Prev',
                        enableHistory:             false,
                        autoStart:                 false,
                        syncTransitions:           true,
                        defaultTransitionDuration: 900,
                        onSlideChange:             function(prevIndex, nextIndex) {
                            // 'this' refers to the gallery, which is an extension of $('#thumbs')
                            this.find('ul.thumbs').children()
                                .eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
                                .eq(nextIndex).fadeTo('fast', 1.0);
                        onPageTransitionOut:       function(callback) {
                            this.fadeTo('fast', 0.0, callback);
                        onPageTransitionIn:        function() {
                            this.fadeTo('fast', 1.0);
    </script>  
    </body>
    <!-- InstanceEndEditable -->
    <!-- InstanceEnd --></html>

    Sure thing:
    http://www.acresllc.net/TA501001.html

  • In actionscript 3.0 how do i make a nested movie clip button go to a frame on the main timeline

    I am making a website based in flash actionscript 3.0 i have a button nested in its own movie clip, because I have the button expanding to be able to read it i have figured out the only way to do this is by creating it as a movie clipa nd inside the movie clip creating it as a button
    I added an event listener to the blog button by saying,
    blog.addEventListener(MouseEvent.ROLL_OVER,gotoblog);
    function gotoblog(evtobj:MouseEvent){
         gotoAndStop(2)
    this part of the code works it goes to the 2nd frame of the timeline it is in and stops wich is a blown up version of the origanal symbol
    i added on frame 2 a second command
    blog.addEventListener(MouseEvent.CLICK.gotoblogpage);
    function gotoblogpage(evtobj:MouseEvent){
    gotoAndStop("blogframe")
    trace("the blog button was clicked")
    i have named the symbol blog and have name the frame of where the blog page is going to be "blogframe" this line of code at the bottom is where i run into trouble the output window in Flash is saying "The blog button was clicked" just like i want it to. no errors are accouring why than is the playhead not going to frame "blogframe"? if the button is working when i click it the code is right i belive the problem here is it does not want the playhead to go to the frame i want it to. So i gues my question is, how can i make a button withing a movie clip interact with the main timeline?

    I have a similar problem if could please help me i'd really apreciate it!!
    So i have a looping animation of some thumbnails, the hierarchy goes like this
    Scene1(main timeline) -> imgBar(MC)->imgBarB(MC within the imgBar MC)
    My buttons symbols are in the last MC "imgBarB" where i have this code:
    ss1.addEventListener(MouseEvent.CLICK, OneButtonClicked);
      function OneButtonClicked(event:MouseEvent):void{
      MovieClip(root).gotoAndStop("ssbox1");
    I want to control the Btns in my "imgBarB" MC to play a labeled frame(named "ssbox1") on another MC on the main timeline,this other MC goes like this:
    Scene1(main timeline)->ssbox_mc(MC where my labeled frame is)

  • Playing a movie clip in a simgle frame

    I'm making a flash gallery of several different animations,
    each being in one movie clip. I was wondering if there's a way to
    make a whole, say, 1000 frame movie clip play in a single frame on
    the main timelime, and how it would be done. (assuming that the
    main timeline frame has the actionscript to make the movie stop)
    I'm kinda new to actionscript and all, even though I've been
    working with flash for a while, so it would be a real big help for
    this project and future ones.
    -EDIT-
    I'm using AS2 for this project.

    It helps to realize that even the main timeline is a
    MovieClip instance.
    MovieClips play independently of one another, and can be
    nested. So if you
    just take your 1000 frame clip and place it on a frame (any
    frame will do)
    it will play - so long as the play head of the parent clip is
    on that frame.
    And you said you have a stop(); on the main timeline, so I
    assume it is. So,
    like kglad said, just put the clip on stage...
    Dave -
    Head Developer
    http://www.blurredistinction.com
    Adobe Community Expert
    http://www.adobe.com/communities/experts/

  • Putting a preloader for a loaded .swf in a Movie Clip

    I am trying to use a preloader for a larger .swf file that loads inside of a movie clip. I was wondering what code might work and where to put it. (preloader is a .swf).  I am using CS4, ActionScript 1.0.  Thanks.

    it does nothing in that context.  so use:
    container._x =-258;
    container._y =-235;
    container.loadMovie("gallery.swf");
    this.onEnterFrame=function(){
    // if you have a textfield with instance name preloaderTF
    preloaderTF.text=Math.round(100*container.getBytesLoaded()/container.getBytesTotal())+"% Loaded";
    if(container.getBytesLoaded()>100&&container.getBytesLoaded()>=container.getBytesTotal()){
    delete this.onEnterFrame;

Maybe you are looking for

  • Phone and contacts app freezes, becomes slow and scrolling is jittery

    My setup: iPhone 4 with iOS 4.2.1 (8C148) I don't have 3G on my CIM (provider BASE.BE), I can only use WiFi to connect to internet.  I sync my gmail contact (mail and calendar are turned off) through the iPhone built in Exchange account connector. Fe

  • Assistance for photoshop album starter 3.0

    Hi, I need help with my album starter. I can see the pictures in the computer but i cannot retrieve it.. I need to get it back because my husbands surgery in there and my sons 21st birthday It's very important to get those pictures. I tried calling t

  • White lines in Thumbnails

    Since I went to iPhoto 6, when I import pictures I now get three white lines in my thumbnails. There's two white lines that run the width of the picture on the bottom third of the picture, the top line being a little more visible than the lower line.

  • HT204291 can you use airplay on the iPad first generation?

    I'm trying to use my first generation Ipad to connect to my apple tv, can I use mirroring on ipad 1?

  • New tab's default opens to unavailable page

    Greetings, whenever i open a new tab the page always directs to "chrome://quick_start/content/index.html" which would be alright except that page doesn't seem to exist, I believe it may have been hijacked by a "fake add-on update" whilst my mom was u