Flex 4 Fade effect reverse filter suspend ?

Strigh to the point:
I have a button which plays fade effect on a component. The fade effect looks like this:
var fadeOut:Fade = new Fade();
fadeOut.target = target;
fadeOut.duration = 5000;
fadeOut.alphaTo = 0;
fadeOut.filter =
"remove";
fadeOut.captureStartValues();
removeElement(target);
fadeOut.play();
Now I have a second button on which I have:
fadeOut.reverse();
The problem is that I want when the effect is reversed not to removeElement(target), but it still gets removed as soon as the effect ends. I tried on the second button fadeOut.filter = "", but no luck.
So does anyone know how can I delete that filter so my element doesn't get removed when the effect is reversed and goes back to start state?
Thanks !

Probably there's a chance I might use this:
mx.core.UIComponent.effectFinished(effectInst:IEffectInstance):void
Called by the effect instance when it stops playing on the component. You can use this method to restore a modification to the component made by the effectStarted() method when the effect started, or perform some other action when the effect ends.
But I don't seem to find any documentation on that, no examples no nothing, I don't understand how can i get that IEffectInstance and how am I supposed to restore the modifications to the component made by the effectStarted...
Definitely need some help here...

Similar Messages

  • 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

  • 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.

  • 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 question

    I can implement a fade in effect with a single image, but I
    cannot get the same code to work with the arrayed images generated
    in the "photoDemo" tutorial on the Adobe site. Sho Kuwamoto has a
    fade in working in his tutorial (
    http://labs.adobe.com/technologies/flexbuilder2/tutorials/#)
    though with different syntax (that I can't make work either), so I
    know the array isn't the issue. Why does this work in one, but not
    the other, example?
    Any help would be greatly appreciated. I'm using the FB3
    Beta for the moment.
    Thanks in advance.
    1) In this example, the fade out works fine ...
    <?xml version="1.0"?>
    <!-- Simple example to demonstrate the Fade effect. -->
    <mx:Application xmlns:mx="
    http://www.adobe.com/2006/mxml">
    <mx:Fade id="fadeOut" duration="1000" alphaFrom="1.0"
    alphaTo="0.0"/>
    <mx:Fade id="fadeIn" duration="1000" alphaFrom="0.0"
    alphaTo="1.0"/>
    <mx:Panel title="Fade Effect Example" width="95%"
    height="95%"
    paddingTop="5" paddingLeft="10" paddingRight="10"
    paddingBottom="5">
    <mx:Text width="100%" color="blue"
    text="Use the Fade effect to show or hide the text and
    image. Use an embedded font when applying the Fade effect to
    text."/>
    <mx:Image source="photo.png"
    visible="{cb1.selected}"
    hideEffect="{fadeOut}" showEffect="{fadeIn}"/>
    <mx:CheckBox id="cb1" label="visible"
    selected="true"/>
    </mx:Panel>
    </mx:Application>
    2) In the itemRenderer ("thumbnails" here) of the "photoDemo"
    tutorial on the Adobe site (
    http://learn.adobe.com/wiki/display/Flex/1b.+Code+Files),
    it does not. It compiles and runs, but seems to ignore the effect
    call. Why?
    "thumbnails" ...
    <?xml version="1.0" encoding="utf-8"?>
    <mx:VBox xmlns:mx="
    http://www.adobe.com/2006/mxml"
    width="125" height="125"
    horizontalAlign="center"
    paddingBottom="5" paddingLeft="5" paddingRight="5"
    paddingTop="5">
    <mx:Fade id="fadeIn" duration="1000" alphaFrom="0.0"
    alphaTo="1.0"/>
    <mx:Image source="{data.thumbnail.url}"
    showEffect="{fadeIn}" />
    </mx:VBox>
    main ...
    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="
    http://www.adobe.com/2006/mxml"
    layout="absolute">
    <mx:Script>
    <![CDATA[
    import mx.collections.ArrayCollection;
    import mx.rpc.events.ResultEvent;
    [Bindable]
    private var photoFeed:ArrayCollection;
    private function requestPhotos():void {
    photoService.cancel();
    var params:Object = new Object();
    params.format = 'rss_200_enc';
    params.tags = keywords.text;
    photoService.send(params);
    private function photoHandler(event:ResultEvent):void {
    photoFeed = event.result.rss.channel.item as
    ArrayCollection;
    ]]>
    </mx:Script>
    <mx:HTTPService id="photoService" url="
    http://api.flickr.com/services/feeds/photos_public.gne"
    result="photoHandler(event)" />
    <mx:states>
    <mx:State name="panel1Zoomed">
    <mx:SetProperty target="{panel1}" name="width"
    value="831"/>
    <mx:SetProperty target="{panel1}" name="height"
    value="455"/>
    <mx:AddChild relativeTo="{panel1}"
    position="lastChild">
    <mx:TileList x="9" y="55" width="791" height="353"
    dataProvider="{photoFeed}"
    itemRenderer="thumbnails"></mx:TileList>
    </mx:AddChild>
    </mx:State>
    </mx:states>
    <mx:Panel x="10" y="10" width="542" height="75"
    layout="absolute" id="panel1" resizeEffect="Resize">
    <mx:Label x="10" y="10" text="Keyword:" width="63"/>
    <mx:TextInput x="116" y="8" id="keywords"/>
    <mx:Button x="307" y="8" label="search"
    id="keywordButton"
    click="requestPhotos();currentState='panel1Zoomed'"/>
    </mx:Panel>
    </mx:Application>

    I've never used this effect.  Maybe if you preload the image(s)...
    Go to Behaviors panel.
    Click the plus sign (+).
    From the drop menu, select Preload Images.
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb
    http://alt-web.blogspot.com

  • Fade effect bold text in all IEs

    I have created the following page
    Cnet about
    and used the spry fade effect on the section of text at the bottom
    below the "A Sampling of what we offer" graphic.
    It works fine but in IE6 and IE7 when viewed on an LCD
    monitor, the bold blue text looks very choppy. I assume this has to
    do with bad handling of opacity in IE. Does anyone know a hack to
    fix this?

    Hi artdoggy,
    That is an IE bug with several workarounds. The first
    workaround which is much simpler, is to specify a background color
    or font on the element that you are fading in. This somehow
    triggers IE to avoid this behavior.
    The other workaround is to use an effect onPostEffect
    observer or finish function to unset the filter function on the
    element. You can see sample of how to use an observer here:
    http://labs.adobe.com/technologies/spry/samples/effects/observers_sample.html
    You'll have to do something like this in your observer:
    effect.element.style.filter = "";
    --== Kin ==--

  • Fade Effect transparency IE/Firefox

    Hi,
    I am using the Spry:Fade effect with the image to be faded
    constructed in Fireworks. The image has a transparent background
    and a rectangle with a feathered edge effect.
    The fade works well using Firefox however in Internet
    Explorer a substantial part of the feathered edge effect turns
    black. This occurs whether the image is either a gif or a png
    format.
    Any suggestions on what causes this and a fix/workaround.
    Thanks,

    Hi artdoggy,
    That is an IE bug with several workarounds. The first
    workaround which is much simpler, is to specify a background color
    or font on the element that you are fading in. This somehow
    triggers IE to avoid this behavior.
    The other workaround is to use an effect onPostEffect
    observer or finish function to unset the filter function on the
    element. You can see sample of how to use an observer here:
    http://labs.adobe.com/technologies/spry/samples/effects/observers_sample.html
    You'll have to do something like this in your observer:
    effect.element.style.filter = "";
    --== Kin ==--

  • Rotating Image with Fade Effect

    Ok looking to rotate an image with a fade effect; below is a rotating image code.
    (Wanting this effect to be transitional and smooth. Transparency? Opacity?)
    <script language="JavaScript">
    <!--
    function adArray() {
    for (i=0; i*2<adArray.arguments.length; i++) {
    this[i] = new Object();
    this[i].src = adArray.arguments[i*2];
    this[i].href = adArray.arguments[i*2+1];
    this.length = i;
    function getAdNum() {
    dat = new Date();
    dat = (dat.getTime()+"").charAt(8);
    if (dat.length == 1)
    ad_num = dat%ads.length;
    else
    ad_num = 0;
    return ad_num;
    var ads = new adArray(
    "img1.jpg","http://www.domain.com",
    "img2.jpg","http://www.domain.com",
    "img3.jpg","http://www.domain.com");
    var ad_num = getAdNum();
    document.write('<div align="center"><A HREF="'+ads[ad_num].href+'" target="_blank"><IMG SRC="'+ads[ad_num].src+'" '
    +'BORDER=0 name=js_ad></A></div>');
    link_num = document.links.length-1;
    function rotateSponsor() {
    if (document.images) {
    ad_num = (ad_num+1)%ads.length;
    document.js_ad.src = ads[ad_num].src;
    document.links[link_num].href = ads[ad_num].href;
    setTimeout("rotateSponsor()",4000);
    setTimeout("rotateSponsor()",4000);
    // -->
    </script>
    Any ideas?

    Here is the script I finally got working! It would have not came to me without your help guys!
    <script>
    var pictureWebPartName="Pictures"; // name of the picture library web part
    var showThumbnails = true; //otherwise show full sized images
    var randomImg = true; //set to true to show in random order
    var useCustomLinks = false; //true to use second column as URL for picture clicks
    var RotatingPicturesLoopTime = 5000; //2000 = 2 seconds
    var imgToImgTransition = 1.0; //2 = 2 seconds
    // don't change these
    var selectedImg = 0;
    var imgCache = [];
    var imgTag;
    function RotatingPictures()
    imgTag = document.getElementById("RotatingImage");
    //Find the picture web part and hide it
    var Imgs = [];
    var x = document.getElementsByTagName("TD"); // find all of the table cells
    var LinkList;
    var i=0;
    for (i=0;i<x.length;i++)
    if (x[i].title == pictureWebPartName)
    // tables in tables in tables... ah SharePoint!
    LinkList = x[i].parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode;
    // hide the links list web part
    LinkList.style.display="none";
    break;
    if (!LinkList)
    document.all("RotatingImageMsg").innerHTML="Web Part '" + pictureWebPartName + "' not found!";
    //Copy all of the links from the web part to our array
    var links = LinkList.getElementsByTagName("TR") // find all of the rows
    var url;
    var len;
    for (i=0;i<links.length;i++)
    //if (links(i).id.match("row")!=null)
    if (links[i].childNodes[0].className=="ms-vb2")
    len=Imgs.length
    Imgs[len]=[]
    Imgs[len][0] = links[i].childNodes[0].childNodes[0].href;
    if (useCustomLinks)
    if (links[i].childNodes[1].childNodes.length>0)
    { Imgs[len][1] = links[i].childNodes[1].childNodes[0].href; }
    else
    { Imgs[len][1] = "" }
    if (Imgs.length==0)
    document.all("RotatingImageMsg").innerHTML="No images found in web part '" + pictureWebPartName + "'!";
    for (i = 0; i < Imgs.length; i++)
    imgCache[i] = new Image();
    imgCache[i].src = Imgs[i][0];
    if (useCustomLinks)
    imgCache[i].customlink=Imgs[i][1];
    RotatingPicturesLoop();
    // now show the pictures...
    function RotatingPicturesLoop()
    if (randomImg)
    selectedImg=Math.floor(Math.random()*imgCache.length);
    if (document.all){
    imgTag.style.filter="blendTrans(duration=" + imgToImgTransition + ")";
    imgTag.filters.blendTrans.Apply();
    url=imgCache[selectedImg].src
    if (useCustomLinks)
    { RotatingImageLnk.href=imgCache[selectedImg].customlink; }
    else
    { RotatingImageLnk.href = url; }
    if (showThumbnails)
    // convert URLs to point to the thumbnails...
    // from airshow%20pictures/helicopter.jpg
    // to airshow%20pictures/_t/helicopter_jpg.jpg
    url = revString(url);
    c = url.indexOf(".");
    url = url.substring(0,c) + "_" + url.substring(c+1,url.length);
    c = url.indexOf("/");
    url = url.substring(0,c) + "/t_" + url.substring(c,url.length);
    url = revString(url) + ".jpg";
    imgTag.src = url;
    if (document.all){
    imgTag.filters.blendTrans.Play();
    selectedImg += 1;
    if (selectedImg > (imgCache.length-1)) selectedImg=0;
    setTimeout(RotatingPicturesLoop, RotatingPicturesLoopTime);
    // utility function revString found here:
    // http://www.java2s.com/Code/JavaScript/Language-Basics/PlayingwithStrings.htm
    function revString(str) {
    var retStr = "";
    for (i=str.length - 1 ; i > - 1 ; i--){
    retStr += str.substr(i,1);
    return retStr;
    // add our function to the SharePoint OnLoad event
    _spBodyOnLoadFunctionNames.push("RotatingPictures");
    </script>
    <!-- add your own formatting here... -->
    <center>
    <table border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td id="VU" height="125" width="160" align="center" valign="middle">
    <a name="RotatingImageLnk" id="RotatingImageLnk" alt="click for larger picture">
    <img src="/_layouts/images/dot.gif" name="RotatingImage" id="RotatingImage" border=0>
    </a>
    <span name="RotatingImageMsg" id="RotatingImageMsg"></span>
    </td>
    </tr>
    </table>
    </center>
    Thanks again guys!

  • How to add a fade effect to the Application object ?

    Hy,
    i want to add a fade effect to the Application object, but my code does not work, can you take a look please:
    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"                              
                                usePreloader="false"
                                mouseDown="stage.nativewindow.startMove()"
                                layout="absolute"
                                width="304"
                                height="527"
                                alpha="0"
                                creationComplete="init()">
            <mx:Script>
                    <![CDATA[
                            private function init():void
                                    application.setStyle("showEffect",fade)        
                    ]]>
            </mx:Script>
            <mx:Fade id="fade" duration="1000" />
    </mx:Application>
    Thanks

    Hi,
    Here is an example of how to add effect to a button: http://livedocs.adobe.com/flex/3/html/help.html?content=behaviors_06.html

  • [svn] 2971: Preliminary work to support Pixel Bender shaders as filters in Flex, as well as a Filter Animator, to allow for

    Revision: 2971
    Author: [email protected]
    Date: 2008-08-23 13:56:35 -0700 (Sat, 23 Aug 2008)
    Log Message:
    Preliminary work to support Pixel Bender shaders as filters in Flex, as well as a Filter Animator, to allow for
    Pixel Bender based filters (and others) to be animated during effect sequences. Checking in for safe keeping.
    Reviewer: Glenn, Chet
    QA: Not Yet, Minispec review/signoff pending.
    Docs: NA, Minispec review/signoff pending.
    Modified Paths:
    flex/sdk/trunk/frameworks/gumbo-manifest.xml
    flex/sdk/trunk/frameworks/mxml-2009-manifest.xml
    flex/sdk/trunk/frameworks/projects/flex4/manifest.xml
    Added Paths:
    flex/sdk/trunk/frameworks/projects/flex4/src/flex/effects/AnimateFilter.as
    flex/sdk/trunk/frameworks/projects/flex4/src/flex/effects/effectClasses/AnimateFilterInst ance.as
    flex/sdk/trunk/frameworks/projects/flex4/src/flex/filters/ShaderFilter.as

    Turn off dual GPU usage in your card prefs.
    Mylenium

  • Fade Effect working weird.

    My little app is driven by a TabNavigator with each tab
    showing a different "page" with DataGrids/Form/TabNavs etc. I am
    trying to fade from "page" to "page" and all looks fine except Text
    types on the "page". They don't fade, just abruptly disappear once
    the fadeOut alpha reaches some number. Am I missing something? All
    help is appreciated.

    "rtalton" <[email protected]> wrote in
    message
    news:gjp0v7$1r7$[email protected]..
    > In order to use Fade effects on text, the font must
    first be embedded.
    Or, if you can get direct access to the text objects, you can
    set the
    blendMode of the text to "layer", and then Fade effects will
    work on them
    properly.

  • 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

  • Fade effect after inactivity in ADF 11.1.1.6 application

    Hello everyone,
    after a period of inactivity (about 10-15 minutes) in my ADF application (v. 11.1.1.6) the page is shown in semi-transparency mode with a little icon of warning on the bottom of the page. This fade effect disappears after a mouse move.
    How can we disable this behaviour?
    Please note that this effect is related only on the af:table component.
    Thanks in advance,
    Baduel

    Here the testcase: https://dl.dropboxusercontent.com/u/3932597/TestFade.rar
    After some test I notice that this kind of issue happens if there is an af:poll in the page. Is it possible that is raleted to the new property (timeout)? http://jdevadf.oracle.com/adf-richclient-demo/docs/tagdoc/af_poll.html
    For the test case. Use HR schema, run index.jspx and click on Section tab (or also Section box). Wait about 15 minutes (with no page interaction) and the glass pane will appear with the warning icon on the bottom of the page.
    Thanks everyone.
    Baduel

  • Fade Effect Query

    I am looking for assistance with the spry fade effect. i have
    a number of divs all with the same class currently being output via
    coldfusion on the page.
    the plan is that when i mouse over one div, all the other
    divs with the same class fade down slightly so the focused div
    stands out. the class for the divs is called "box1" for example and
    there are 15-17 "boxes" per page. Im fairly sure i have seen this
    effect somewhere just cant seem to find it.
    can anyone help out with this or point me in the direction of
    someone you can? i appreciate spry may not be the best way to
    tackle this so any suggestions or advice relating to other libaries
    would be great too. (currently using jquery elsewhere in the site)
    any assistance will be greatly appreciated,
    Cheers, Sean

    I'm guessing those boxes are the only one with that
    className.
    So the best and ideal solution would be to include
    SpryDOMUtils.js (is included in the labs download package folder
    "includes")
    Add it to your page.
    And do a little change to that File. We are going to extent
    the base funtionality of the results so we can apply fade to each
    of those elements.
    At the bottom of your SpryDOMUtils.js add this:
    Spry.$$.Results.fade = function(from,to)
    return this.forEach(function(n) {
    Spry.Effect.DoFade(n,{from:from, to:
    to});});
    Now you can do in your js
    Spry.$$('.box1').fade(100,60);
    And it should fade all boxes with the classname .box1 to 60%
    O wait. you wanted it on mouse over.. Still include the
    SpryDOMUtils.js
    but now do:
    Spry.$$('.box1').addEventListener('mouseover',function(){Spry.Effect.DoFade(this,{from:100 ,
    to:
    60});})

Maybe you are looking for

  • No Partner details in new order : CRM_ORDER_MAINTAIN

    Hi ..... I am trying to create new order in which i am getting error related to partner data though i am passing al the data into the CRM_ORDER_MAINTAIN function. I am not able to figure out what is the problem. Following is my code part -> READ TABL

  • Full Screen Text-Mode on a PC

    I bought a 23" and a 20" Apple Cinema Display. They are outstanding quality; but I don't seem to have a text mode, i.e., when the computer boots, I don't see anything until the gui appears on Windows XP and my FreeBSD boxes. Is this normal?

  • Where i can get the windows support software for bootcamp?

    lost my mac os x installation disk and need the windows support software for bootcamp. have a 17" mac book pro bought 08/2010... where i can get it?

  • My "Library" is missing in Finder. How do I get it to show up?

    My "Library" is not showing up when I bring up Finder. I was able to find the Library by Shift/Command/G while in Finder. When I found it, the word "Library" was greyed out and would not let me access it. However, when I dragged it to the sidebar, i

  • Session Info form v$session

    How can I find the currently connected session so I can get the right info from v$session. I had tried select * from v$session where sid = (select distinct sid from v$mystat) this works fine in sql but I want it in a package and the package wont comp