Timer & Fade effect

One more question then I'm done for the day.
I'm using a timer to change the index on my combobox (I'm sure there's a better way but its working) which is pulling slide data from an XML file.  I would like to crossfade between slides.  Is see there is a spark fade, but I'm unsure how to apply it to each element to work with the timer.
Timer code:
private var timer:Timer;
private function init():void
    timer = new Timer(5000);
    timer.addEventListener(TimerEvent.TIMER, onTimer);
    timer.start();
private function onTimer(evt:TimerEvent):void
    var idx:uint = dropDownList.selectedIndex;
    var max:uint = dropDownList.dataProvider.length;
    var newIdx:uint = ++idx % max;
    dropDownList.selectedIndex = newIdx;
The comboBox (yes, it used to be a drop down list)
<mx:ComboBox editable="true"
    x="10" y="10"
    id="dropDownList"
    creationComplete="dropDownList_creationCompleteHandler(event)"
    dataProvider="{getSlidesResult.lastResult}"
    labelField="number"
    visible="false" />
The items that need to have the fade effect are mx:Text, s:TextArea, mx:Image, & s:VideoPlayer.  Each has a unique ID.

Hi,
There are many ways you can crossfade with flex 4 I have thrown together a small example that uses a pixelbender filter to fade images and an included
a very simple text cross fade (no timers necessary). Using parallel transitions you can acheive quite a lot.
http://ezflex.net/fader/
David.

Similar Messages

  • Image rotation with fade effect

    I am new to the spry framework and have just started going
    through the examples to see if I could create an image rotator that
    fades the images into each other when changing. I have taken
    snippets from different places to do this and think I have the
    answer but really wanted some feedback to sanity check and let me
    know if this is the best way of doing it. If it is, then I hope
    others will find it useful.
    Here is the url to the example:
    Image
    rotation example
    And here is the code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
    Transitional//EN"
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="
    http://www.w3.org/1999/xhtml"
    xmlns:spry="
    http://ns.adobe.com/spry">
    <head>
    <title>Sample Image Rotation</title>
    <meta http-equiv="content-type" content="text/html;
    charset=iso-8859-1" />
    <meta http-equiv="X-UA-Compatible"
    content="IE=7;FF=3;OtherUA=4" />
    <meta name="author" content="www.baytree-cs.com - Peter
    Barkway"/>
    <meta name="copyright" content="(C)2006 Baytree Computer
    Services, All right reserved."/>
    <meta name="abstract" content="ISM Homepage" />
    <meta name="description" content="ISM Homepage" />
    <meta name="keywords" content="ISM Homepage"/>
    <meta name="robots" content="all,index,follow"/>
    <meta name="distribution" content="global"/>
    <meta name="mssmarttagspreventparsing"
    content="true"/>
    <meta name="rating" content="general"/>
    <style type="text/css">
    .element{
    float:left;
    position: relative;
    width: 350px;
    text-align: center;
    #display{
    opacity: 0;
    filter: alpha(opacity=0);
    #animate{
    left: -350px;
    opacity: 1;
    filter: alpha(opacity=100);
    </style>
    </head>
    <body>
    <noscript><h1>This page requires JavaScript.
    Please enable JavaScript in your browser and reload this
    page.</h1></noscript>
    <div id="container">
    <div id="display" class="element"
    spry:detailregion="dsImg"><img src="<?php echo
    $rootDir.$baseDir;?>/{@base}{@path}"/></div>
    <div id="animate" class="element"
    spry:detailregion="dsImg2"><img src="<?php echo
    $rootDir.$baseDir;?>/{@base}{@path}"/></div>
    <p class="clear"></p>
    </div>
    <script type="text/javascript"
    src="js/xpath.js"></script>
    <script type="text/javascript"
    src="js/SpryData.js"></script>
    <script type="text/javascript"
    src="js/SpryEffects.js"></script>
    <script type="text/javascript">
    var dsGalleries = new Spry.Data.XMLDataSet("spry.php",
    "galleries/gallery", { method: "POST", postData:
    "c=1&d=<?php echo $baseDir;?>", headers: {
    "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"
    var dsImg = new Spry.Data.XMLDataSet("spry.php",
    "gallery/photos/photo", { method: "POST", postData:
    "c=2&d=<?php echo
    $baseDir;?>/{dsGalleries::@base}&s={dsGalleries::sitename}",
    headers: { "Content-Type": "application/x-www-form-urlencoded;
    charset=UTF-8" } });
    var dsImg2 = new Spry.Data.XMLDataSet("spry.php",
    "gallery/photos/photo", { method: "POST", postData:
    "c=2&d=<?php echo
    $baseDir;?>/{dsGalleries::@base}&s={dsGalleries::sitename}",
    headers: { "Content-Type": "application/x-www-form-urlencoded;
    charset=UTF-8" } });
    var imageInterval = 8000; // 8 seconds
    var imageFadeInterval = 4000; // 4 seconds
    var image2Loaded = null;
    var effect = new Spry.Effect.Fade('animate', {from: 100, to:
    0, toggle: true, duration: imageFadeInterval});
    // Prepare an observer that will change the opacity of the
    initially
    // hidden element in oposition with the initially visible
    element
    var obs1 = new Object;
    // On each effect step we calculate the complementary
    opacity for the other image container.
    obs1.onStep = function(ef){
    if (typeof otherEl == 'undefined')
    otherEl = document.getElementById('display');
    var opacity = 0;
    if(/MSIE/.test(navigator.userAgent)){
    opacity = Spry.Effect.getStyleProp(ef.element,
    'filter').replace(/alpha\(opacity([0-9]{1,3})\)/, '$1');
    otherEl.style.filter = "alpha(opacity=" + parseInt(100 * (1
    - opacity), 10) + ")";
    }else{
    opacity = Spry.Effect.getStyleProp(ef.element, 'opacity');
    otherEl.style.opacity = (1 - opacity);
    // Attach the observer to the Fade effect
    effect.addObserver(obs1);
    function fadeInContent() {
    // 1st time in so set the current rows so that the 'animate'
    set is 1 ahead of the 'display' set
    if(image2Loaded == null) {
    dsImg.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 1)
    % dsImg.getData().length);
    dsImg2.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 2)
    % dsImg.getData().length);
    image2Loaded = 0;
    } else {
    if(image2Loaded) {
    dsImg.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 1)
    % dsImg.getData().length);
    image2Loaded = 0;
    } else {
    dsImg2.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 1)
    % dsImg.getData().length);
    image2Loaded = 1;
    effect.start();
    var obs2 = {
    onPostLoad: function() {
    setInterval("fadeInContent()", imageInterval);
    dsImg.addObserver(obs2);
    </script>
    </body>
    </html>

    I think that I might have got this going now. Here is the
    code if anyone wants to use it.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
    Transitional//EN"
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="
    http://www.w3.org/1999/xhtml"
    xmlns:spry="
    http://ns.adobe.com/spry">
    <head>
    <title>Sample Image Rotation</title>
    <meta http-equiv="content-type" content="text/html;
    charset=iso-8859-1" />
    <meta http-equiv="X-UA-Compatible"
    content="IE=7;FF=3;OtherUA=4" />
    <meta name="author" content="www.baytree-cs.com - Peter
    Barkway"/>
    <meta name="copyright" content="(C)2006 Baytree Computer
    Services, All right reserved."/>
    <meta name="abstract" content="ISM Homepage" />
    <meta name="description" content="ISM Homepage" />
    <meta name="keywords" content="ISM Homepage"/>
    <meta name="robots" content="all,index,follow"/>
    <meta name="distribution" content="global"/>
    <meta name="mssmarttagspreventparsing"
    content="true"/>
    <meta name="rating" content="general"/>
    <style type="text/css">
    .element{
    float:left;
    position: relative;
    width: 350px;
    text-align: center;
    #display{
    opacity: 0;
    filter: alpha(opacity=0);
    #animate{
    left: -350px;
    opacity: 1;
    filter: alpha(opacity=100);
    </style>
    </head>
    <body>
    <noscript><h1>This page requires JavaScript.
    Please enable JavaScript in your browser and reload this
    page.</h1></noscript>
    <div id="container">
    <div id="display" class="element"
    spry:detailregion="dsImg"><img src="<?php echo
    $rootDir.$baseDir;?>/{@path}"/></div>
    <div id="animate" class="element"
    spry:detailregion="dsImg2"><img src="<?php echo
    $rootDir.$baseDir;?>/{@path}"/></div>
    <p class="clear"></p>
    </div>
    <script type="text/javascript"
    src="js/xpath.js"></script>
    <script type="text/javascript"
    src="js/SpryData.js"></script>
    <script type="text/javascript"
    src="js/SpryEffects.js"></script>
    <script type="text/javascript">
    var dsGalleries = new Spry.Data.XMLDataSet("spry.php",
    "galleries/gallery", { method: "POST", postData:
    "c=1&d=<?php echo $baseDir;?>", headers: {
    "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"
    var dsImg = new Spry.Data.XMLDataSet("spry.php",
    "gallery/photos/photo", { method: "POST", postData:
    "c=2&d=<?php echo
    $baseDir;?>/{dsGalleries::@base}&s={dsGalleries::sitename}",
    headers: { "Content-Type": "application/x-www-form-urlencoded;
    charset=UTF-8" } });
    var dsImg2 = new Spry.Data.XMLDataSet("spry.php",
    "gallery/photos/photo", { method: "POST", postData:
    "c=2&d=<?php echo
    $baseDir;?>/{dsGalleries::@base}&s={dsGalleries::sitename}",
    headers: { "Content-Type": "application/x-www-form-urlencoded;
    charset=UTF-8" } });
    var imageInterval = 4000; // 8 seconds
    var imageFadeInterval = 2000; // 4 seconds
    var effect = new Spry.Effect.Fade('animate', {from: 100, to:
    0, toggle: true, duration: imageFadeInterval});
    // Prepare an observer that will change the opacity of the
    initially
    // hidden element in oposition with the initially visible
    element
    var obs1 = new Object;
    // On each effect step we calculate the complementary
    opacity for the other image container.
    obs1.onStep = function(ef){
    if (typeof otherEl == 'undefined')
    otherEl = document.getElementById('display');
    var opacity = 0;
    if(/MSIE/.test(navigator.userAgent)){
    opacity = Spry.Effect.getStyleProp(ef.element,
    'filter').replace(/alpha\(opacity([0-9]{1,3})\)/, '$1');
    otherEl.style.filter = "alpha(opacity=" + parseInt(100 * (1
    - opacity), 10) + ")";
    }else{
    opacity = Spry.Effect.getStyleProp(ef.element, 'opacity');
    otherEl.style.opacity = (1 - opacity);
    // Attach the observer to the Fade effect
    effect.addObserver(obs1);
    function fadeInContent() {
    // 1st time in so set the current rows so that the 'animate'
    set is 1 ahead of the 'display' set
    //use this flag to avoid the effect running on load
    if (typeof image2Loaded == 'undefined') {
    dsImg.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 1)
    % dsImg.getData().length);
    dsImg2.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 2)
    % dsImg.getData().length);
    var curRow = dsImg.getCurrentRow();
    image2Loaded = 0;
    } else {
    if(image2Loaded) {
    var img = document.getElementById('display');
    dsImg.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 1)
    % dsImg.getData().length);
    var curRow = dsImg.getCurrentRow();
    image2Loaded = 0;
    } else {
    var img = document.getElementById('animate');
    dsImg2.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 1)
    % dsImg.getData().length);
    var curRow = dsImg2.getCurrentRow();
    image2Loaded = 1;
    var imgPath = '<?php echo $rootDir.$baseDir;?>/' +
    curRow["@path"];
    var gImageLoader = new Image();
    gImageLoader.onload = function()
    effect.start();
    gImageLoader.src = imgPath;
    var obs2 = {
    onPostLoad: function() {
    setInterval("fadeInContent()", imageInterval);
    dsImg2.addObserver(obs2);
    </script>
    </body>
    </html>

  • Fade Effect

    I have a code on my buttons, which makes a blank image
    currently on stage get replaced with a different one when a button
    is rolled over.
    The code I am using is this:
    on mouseenter me
    sprite(3).member="a"
    on mouseleave me
    sprite(3).member="blank"
    end
    Very simple lingo. Is there a way that when the new image
    comes to view, it fades in when the mouse rolls over the button,
    instead of just popping in, and fade out once the mouse leaves the
    button, so that I end up with a smooth transition.
    Thank you.

    Guys:
    Thanks for taking your time to help me with the issue.
    I actually got an answer from another member that solved my
    problem. The code that was posted here was making the button sprite
    do the fade effect.
    My friend did some tweaking to that code to achieve what I
    needed.
    Here is the code:
    property fadeSprite
    property totalSteps
    property eachStep
    property animateMe
    on getPropertyDescriptionList
    myPropList = [:]
    myPropList.addProp(#totalSteps,[#comment:"select the number
    of steps for the
    fade:",#format:#integer,#range:[#min:5,#max:20],#default:10])
    myPropList.addProp(#fadeSprite,[#comment:"enter the sprite
    to fade:",#format:#integer,#default:1])
    return myPropList
    end
    on beginSprite me
    sprite(fadeSprite).blend = 0
    animateMe = true
    eachStep = 100/totalSteps
    end
    on mouseEnter me
    animateMe = false
    end
    on mouseLeave me
    animateMe = true
    end
    on enterFrame me
    if animateMe then
    if sprite(fadeSprite).blend > 0 then
    sprite(fadeSprite).blend = sprite(fadeSprite).blend -
    eachStep
    end if
    else
    if sprite(fadeSprite).blend < 100 then
    sprite(fadeSprite).blend = sprite(fadeSprite).blend +
    eachStep
    end if
    end if
    end
    With this one, I am able to select which sprite is fading in
    and out. Again, thanks for your help.

  • Fade Effect problem in IE

    hi everyone,
    I'm having problems with a fade out/in transition in IE8.  The area I am changing has a white background (actually there are a few nested divs that all have a white background), and the fade effect triggers on a click in the navigation area and fades everything into the body background color (dark brown) and back.  The effect works fine in firefox and safari.  Anyone know how to fix this problem? I want the content that is fading to maintain the white background and not fade to brown and back.  you can view the page here to see whats going on.
    http://www.prometheusbusiness.com/testarea/NoelRose/home.html
    also, (and this is a really small issue, so I'm not too concerned if I can't fix it) after the page loads, the first fade out transition doesnt seem to fire, it just disappears, and the new page fades in.  after the first time, everything works as I expect, but it would be great if every click worked exactly the same every time.
    any help is appreciated, thanks.
    -Dan

    hi everyone,
    I'm having problems with a fade out/in transition in IE8.  The area I am changing has a white background (actually there are a few nested divs that all have a white background), and the fade effect triggers on a click in the navigation area and fades everything into the body background color (dark brown) and back.  The effect works fine in firefox and safari.  Anyone know how to fix this problem? I want the content that is fading to maintain the white background and not fade to brown and back.  you can view the page here to see whats going on.
    http://www.prometheusbusiness.com/testarea/NoelRose/home.html
    also, (and this is a really small issue, so I'm not too concerned if I can't fix it) after the page loads, the first fade out transition doesnt seem to fire, it just disappears, and the new page fades in.  after the first time, everything works as I expect, but it would be great if every click worked exactly the same every time.
    any help is appreciated, thanks.
    -Dan

  • Firefox is hanging when the page scrolls down to a html5 video or the page to a slideshow with fade effect

    Every time a page has a html5 video or a slideshow with fade effect Firefox 3.6 becomes terriblely slow. It freezes with this test: http://demos.hacks.mozilla.org/openweb/HWACCEL/
    I have Fedora 14 and before that Fedora 13 and the problem happens with both.
    The same doesn't happen on Opera or Google Chrome.
    '''UPDATE 1''': I have already tryed the Safe Mode and the problem happens the same.
    '''UPDATE 2:''' This page full of videos scroll smothly without any problemas: http://brettgaylor.tumblr.com/tagged/webmademovies

    I forgot to say that I did tryed the Safe Mode just to see if the slow was not being caused by some extension or plugin. However the result was all the same. By the way, the slow happens even if there is only one page opened. I am not thinking it is something related to the ATI video card or even Fedora because the same slow does't happen in Chrome and Opera...

  • Fade Effect Flickering Problem

    I have thumbnail gallery that utilizes the fade effect on the
    mouseover event. Unfortunately, if the user mouses over the
    thumbnails too quickly, the images flicker quite horribly. I was
    wondering if there was a way to remove this problem.
    Thanks
    You can view the gallery
    here

    Hello existdissolve,
    Your problem in the gallery has 2 issues:
    1. Indeed you discovered a bug that I managed to fix in the
    internal version that will be published next week. In the code
    below that I will give I will include the work around for the
    problem too.
    2. Seems that you didn't completely understood the meaning of
    the toggle option and I will try to explain you more detailed here.
    Basically the toggle option is not controlling the direction of the
    running effect as I think you understood. The toggle will not tell
    to the effect to run in reverse direction but instead its scope is
    to tell the effect that it CAN run in reverse direction.
    When you try to animate an element using a link, when you set
    the toggle option on, the animation will go between the from and to
    values, on the first click, and will go between to and from values
    on a second click. This cycle could repeat infinitely.
    When you try to achieve this effect using 2 links you'll have
    2 implementation solutions:
    a. Use the same line of code for both links.
    <a href="#" onclick="MM_effectAppearFade('element', 500,
    0, 100, true)">Click Me First</a>
    <a href="#" onclick="MM_effectAppearFade('element', 500,
    0, 100, true)">Click Me Second</a>
    You will observe that if you'll click these links in order
    the element will appear and then will disappear back.
    b. Use 2 non toggling effects with the from and the to
    options reversed:
    <a href="#" onclick="MM_effectAppearFade('element', 500,
    0, 100, false)">Click Me First</a>
    <a href="#" onclick="MM_effectAppearFade('element', 500,
    100, 0, false)">Click Me Second</a>
    There is however a problem why I am not recommending this
    second solution in your case. If you click on the links in the
    second example fast enough in their order you'll have a weird
    result. The 2 effects are not knowing the other effect is running
    so you'll end up with 2 effects that tries to do an opposite action
    in the same time on the same element. This is somehow happening in
    your case too if you move the mouse over the images fast enough you
    can't predict anymore what the result will be.
    In this situation you'll have to change a little bit the code
    in your page. Right now you have this code:
    <img id="tn{ds_RowID}"
    src="galleries/{dsGalleries::@base}{dsGallery::@base}/thumbnails/{@thumbpath}"
    width="90"
    height="90"
    alt="Sample Images from Spry Data."
    title="{ds_RowNumber}"
    style="opacity:0.3; filter:alpha(opacity=30)"
    onmouseover="MM_effectAppearFade('tn{ds_RowID}', 500, 30,
    100, false)"
    onmouseout="MM_effectAppearFade('tn{ds_RowID}', 500, 100, 30,
    true)"
    onclick="HandleThumbnailClick('{ds_RowID}');" />
    When you change the onmouseover and the onmouseout effects to
    match the first solution I explained above you'll result with this
    code:
    <img id="tn{ds_RowID}"
    src="galleries/{dsGalleries::@base}{dsGallery::@base}/thumbnails/{@thumbpath}"
    width="90"
    height="90"
    alt="Sample Images from Spry Data."
    title="{ds_RowNumber}"
    style="opacity:0.3; filter:alpha(opacity=30)"
    onmouseover="MM_effectAppearFade(this, 500, 30, 100, true)"
    onmouseout="MM_effectAppearFade(this, 500, 30, 100, true)"
    onclick="HandleThumbnailClick('{ds_RowID}');" />
    You observe that I changed in both effects the target element
    from tn{ds_RowID} to the special javascript keyword 'this'. I did
    this to overcome the bug I told you about that you discovered in
    the SpryEffects.
    Let me know if you have further questions on this problem.
    Regards,
    Cristian MARIN

  • When I use spry fade effect I get crisp font.

    My page looks like this before fade effect. The letters are smooth.
    After fade effect. I get this crisp letters.
    Why ??
    Thanks in advance.
    And sorry about my poor english.

    Thanks for your help and time.
    I wrote the "background-color:#FFF;" css for the object and didn't work.
    So I wrote the same css for the parent object and works perfectly.
    Thanks again.

  • Transition fade effect does not show at beginning

    I'm using TabNavigator and added fade transition between the
    tabs.
    I can not see the transition effect on the first tab of
    TabNavigator when page shows up at very first time.
    The transition effect does show up when I change tabs from
    one to other. I understand that when accessing
    the page at very first time, there is no transition. But I
    still want to see the fade effect on the pictures.
    Is there a way to make the fade effect showing when the page
    is displayed at very first time?

    quote:
    Originally posted by:
    John Hall
    Amy, I guess I could test this rather than ask, but you seem
    to have been down this path. So one can not have the component's
    visible set to false and then on applicationComplete change it to
    visible and employ a showEffect?
    You could do that as well, but if have your component's
    visibility=false in mxml, you'll have to change it to true every
    time you want to actually see/edit it using the FB design mode. So
    unless you never use that, it makes sense to just do what Amy
    mentioned before or a variation. You could probably also set the
    visibility to false, and then immediately set it to true in a
    creationComplete event handler, but that's just getting
    silly.

  • Tooltip Fade Effect in IE7 Not Working

    I'm hoping someone has a fix for this ...
    When using IE7, the first time you mouse over a
    tooltip—everything works fine.
    But if you mouse over it again, the Fade Effect no longer
    works. Is there a way to fix this clitch??

    Does anyone know when a next version of Spry is going to be
    released. I can't seem to fix this problem and I'm hoping that it's
    fixed in the next version.
    When using IE7, the first time you mouse over a
    tooltip—everything works fine.
    But if you mouse over it again, the Fade Effect no longer
    works. Is there a way to fix this glitch??

  • Example Fade effect for data change?

    Is there an example of how to use the fade effect when
    transitioning from one record to another in a dataset?
    What I have now is causing a blinking. The old data fades
    out, new data appears then fades in.
    <script type="text/javascript">
    <!-- // special effects - Fade in/out -->
    var fadePOout = new Spry.Effect.Fade('PO',{duration: 1000,
    from: 100, to: 0});
    var fadePOin = new Spry.Effect.Fade('PO',{duration: 1000,
    from: 0, to: 100});
    function observerPO(notificationType, notifier, data) {
    if (notificationType == "onPreLoad") {
    fadePOout.start();
    if (notificationType == "onPostLoad") {
    fadePOin.start();
    dsPO.addObserver(observerPO);
    </script>
    REF: Spry 1.5

    Yes, the example is what I want to happen. Am just not sure
    it can work with a pagedview dataset as the master. Tried very hard
    to follow your directions; Corrected the code in the
    SpryEffects.js. Made the CSS entry for the 'PO' region to have
    opacity:0. Copied your code and changed ds1 to my detail dataset
    (dsPO) (also tried my master dataset, dsPOrders, out of
    frustration). Changed the region name from 'description' to 'PO'
    (which is the name of my region to fade in and out). Added
    onclick="fadeOutContentThenSetRow('{ds_RowID}');" to the master
    dataset record. (Yes, I added it. I still have no clue as to how
    changes from the pagedview master dataset can update a detail
    dataset, but it does.)
    End result is the detail dataset appears as though the CSS
    was not read. I know this because I can see spry:state="loading"
    graphic. Then the data appears. It then disappears and fades in.
    Clicking on a master dataset record repeats the above result.
    Via Firebug am able to see that the function
    fadeOutContentThenSetRow never runs. The function fadeInContent
    runs several times. It appears to run through all events of the
    data region twice (Accounting for why the data is seen
    twice.)

  • Stuttering Fade Effect

    You can see what I am working on here:
    http://www.slimscents.com/newsite/
    (under development).
    What happens is this... Rolling over a div creates a fade
    effect on a target div, and it works. However (especially on IE 7)
    rolling over another div whilst the fade effect is ongoing, creates
    an odd "stuttering" of the effect.
    Help appreciated. I will be testing making the fade effect
    global, but not sure if there is a way of identifying or testing if
    the effect is is finished.
    Code Below:
    function UpdateInfo(infoType) {
    var destObj=document.getElementById("infoBox");
    //fadeIt.stop();
    destObj.style.visibility="hidden";
    destObj.style.textAlign="justify";
    destObj.style.fontFamily="Arial";
    var fadeIt = new Spry.Effect.Fade(destObj,{duration:
    2000,from: 0, to: 100,toggle: false});
    var inTxt="";
    switch (infoType) {
    case "whatIs":
    inTxt="<iframe height='100%' name='info' width='100%'
    src='sitedata/whatis.html'></iframe>";
    break;
    case "howDoes":
    inTxt="<iframe height='100%' name='info' width='100%'
    src='sitedata/howdoes.html'></iframe>";
    //alert('how does');
    break;
    }// end switch
    destObj.innerHTML=inTxt;
    fadeIt.start();
    }

    Override JPanel's paintComponent() method. Call super and then fill the panel with desired color. The color must have proper alpha to change transparency. Add a timer to call repaint() e.g. 10 times changing the alpha from transparent to opaque.
    Regards,
    Stas

  • How do I create a fade effect w/ a sample?

    Hi...
    I'm trying to get a certain effect but have yet to stumble across a good way to get the effect.
    I want to make a sample repeat until fade...  In other words, I want it to play the sample and then loop 3 or 4 times until it fades into nothingness.  For some reason I have a feeling there is a few ways to get to this type of sound...
    What is the best way?  An FX Plugin, Loop/Sample Editor, Inside the DAW itself?  Maybe another way?
    I'd like to get some tips on how to accomplish this effect...  Let me know if I'm not explaining the type of sound I'm looking for properly...  But it's basically an echo to fade effect used quite commonly...  I just don't know the best way to achieve it.
    Thanks!

    Ok, follow me on this one.
    Create an Instrument track, load the EXS24 Sampler in the instrument slot. Load any drum kit. (note: this could be a one-shot sample on an audio track as well)
    Next...   load the Stereo Delay into an INSERT.
    If you play a snare drum sound are you hearing the ping-pong echo effect. (I know that's not what you're going for, this is just a test.)
    pancenter-
    p.s. if you loaded the "Sample Delay" plugin, it won't work that's a different type of delay related to timing.
    ps.II I suggest trying the tape delay, experiment and become familiar with the controls, also, check out presets on all of the plugs.

  • [CS3] Flash buttons with fade effects.

    Well as the title says, i've got some buttons in Flash CS3,
    using AS 2 which when clicked changes the frame. The thing is that
    i want to add a fade effect to the text area AFTER the button was
    pressed. So for example:
    The user is reading the text, he presses one of the buttons
    (all of which change frames, in this case text) and the text fades
    away and the new text fades in.
    Well, i've designed the frames needed for this, so i've got
    10 frames before the frame the user will see for it to fade in and
    10 frames after it to fade out. What i havent figured out yet is
    how i'll make the script do that. I mean, i can make the script go
    forward one frame, starting the fade out effect, i can make it go
    to the frame i want but how will i do both.
    I've got 6 buttons and 6 corresponding texts.
    Does anyone have any ideas?
    Thank you in advance.
    P.S.: Any ideas welcome. I can change the frame layout.
    P.S.S.: Also forgot to mention that making layers for every
    combination is out of question....

    I've already had them placed each on their layer. I thought i
    might need mobility on the timeline.
    Let me see how much of this i understand...
    quote:
    which im assuming are MovieClip instances
    They're graphics but i can simply change them to be movie
    clips if it's the case.
    quote:
    do the same with your buttons on a seperate layer but you
    will only need one for them all
    I've lost you here....you're saying ill only need one AS
    reference?
    quote:
    for(var i=0; i<btns.length; i++) {
    Hmm... you're using the size of the array to set how many
    times the loop control will actually loop? Took me a bit to figure
    out what length an array could have
    quote:
    new Tween(current, '_alpha', Strong.easeOut, 100, 0, 10,
    false);
    new Tween(clips[this.id], '_alpha', Strong.easeOut, 0, 100,
    10, false);
    current = clips[this.id];
    //start the first clip transition 'in'
    current = clips[0];
    new Tween(clips[0], '_alpha', Strong.easeOut, 0, 100, 10,
    false);
    Ok i didnt get most of this but i'll have to check out the
    parameters for the Tween function.
    Actually i plan on going from a 50% alpha to a 100%, but
    that's just my choice.
    Thanks a lot and hope i dont become too annoying.
    P.S. I had a huge revelation at the end when i re-read the
    code and finally understood how this is going to work.

  • Making a fade effect on dreamweaver

    okay, what i want to do is make a fade effect on the pictures
    that i have. what i have in the website are 4 pictures, positioned
    like this:
    |................| |................|
    |......1........| |.....3.........|
    |_______| |_______|
    |................| |...............|
    |......2........| |.......4.......|
    |_______| |_______|
    each number indicates another picture, plz pardon my crappy
    cyber drawing. i want the pictures to fade slowly, starting with 1
    and ending with 4. So like this: (image 1 appears) (then image 2
    appears) (then image 3 appears) (finally image 4 appears), you get
    the idea.
    I know that there is a fade effect under dreamweaver behavers
    but that effect isn't what im looking for because u cannot set the
    duration of the fade, nor the time of it.
    i also tried making .gif animation fade effects in fireworks,
    but i dislike that because it takes too much space, increasing my
    picture by almost 100 kb.

    Version 1.3 - June 7, 2004?
    I wouldn't use that - I'd use jQuery instead. But as far as I
    know there
    would be no way to program consecutive fades as originally
    requested.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "Jeff" <[email protected]> wrote in message
    news:gosc35$5vb$[email protected]..
    > this can also be done with css and JavaScript, see this:
    >
    http://brainerror.net/scripts/javascript/blendtrans/
    > or Google "JavaScript blend image"
    >
    > My feelings: flash is a curse.
    >
    >
    >
    >
    > "name294" <[email protected]> wrote in
    message
    > news:gos32e$oto$[email protected]..
    >> okay, what i want to do is make a fade effect on the
    pictures that i
    >> have. what
    >> i have in the website are 4 pictures, positioned
    like this:
    >> __________ __________
    >> | | | |
    >> | 1 | | 3 |
    >> |_________| |_________|
    >> | | | |
    >> | 2 | | 4 |
    >> |_________| |_________|
    >>
    >> each number indicates another picture, plz pardon my
    crappy cyber
    >> drawing. i
    >> want the pictures to fade slowly, starting with 1
    and ending with 4. So
    >> like
    >> this: (image 1 appears) (then image 2 appears) (then
    image 3 appears)
    >> (finally
    >> image 4 appears)
    >>
    >> I know that there is a fade effect under dreamweaver
    behavers but that
    >> effect
    >> isn't what im looking for because u cannot set the
    duration of the fade,
    >> nor
    >> the time of it.
    >> i also tried making .gif animation fade effects in
    fireworks, but i
    >> dislike
    >> that because it takes too much space, increasing my
    picture by almost 100
    >> kb.
    >>
    >>
    >
    >

  • Face time fades out and then tries to reconnect on new ipad retina display on WiFi.  Iphone 4s has no problem with face time from exact same location and same contact.  WiFi signal strong on both devices.  What gives?

    Face time fades out and then retries to connect (new Ipad Retina Display) on WiFi. Iphone 4s has no problem with face time from same location and same contact.  What gives?

    rdallas001 wrote:
    Is the router to small?
    Not necessarily, if you are using Facetime all the data goes through your WiFi router, your cable/DSL modem, your ISP and the internet to Apple's Facetime servers and then, in reverse, down to the Facetime recipient. If your ISP connection is too slow or there is excessive traffic on the internet you can have Facetime problems.
    Most WiFi routers can handle this unless others in the house are also using WiFi at the same time. The problem may be your ISP connection or congestion on the internet, etc.

Maybe you are looking for

  • HP Color LaserJet 5550 and Tiger (10.4.11) Driver Problem

    I have recently acquired a Color LaserJet 5550hdn. I have updated all drivers and firmware available from the HP Website (Printer Driver, 5550 firmware and Jetdirect 610n firmware). The printer has been factory reset/cold reset etc. to purge any prev

  • Linking mat doc info rec to PR, ensuring same material docs only

    Hi I have created a doc info record with object link to material master. Then I created a PR with the same material as in doc info object link. 1) First of all is there any way to automatically link the material level doc info rec to PR. If not how t

  • Dvi to HDMI to 32 inch LCD

    I have a vizio 32 inch lcd. and i want to hook up my macbook. but when i try to do this i cant get the ratio right and everything is off center. how can i make everything centered on the screen?

  • Upgrade Failed, WL Express 6.1 to 8.1

    Last nite, we finally upgraded our WL servers to 8.1 from 6.1 (Express). This lasted about 4 hours, and then the connection pool started throwing a massive amount of errors. (so much so, that we had to roll back @ 6 am this morning). Configuration: W

  • Importing parameters in Function Module SD_VBFA_ARRAY_READ_VBELV

    Hi All, Please let me know the use of importing parameters in the Function Module SD_VBFA_ARRAY_READ_VBELV. The importing parameters are, I_BYPASSING_BUFFER I_REFRESH_BUFFER I'm having problem of memory overflow in the function module so I thought th