Results 1 to 4 of 4

Thread: Fading scroller

  1. #1
    Join Date
    Sep 2004
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Fading scroller

    Hi all , i am playing around with the fading scroller script (http://www.dynamicdrive.com/dynamici...fadescroll.htm) and in it it has 2 color modes, black to white or white to black, is there any way to change up the colors so that it would go say yellow to black or red to black using that script ?? any help on this would be appricated

  2. #2
    Join Date
    Aug 2004
    Location
    Brighton
    Posts
    1,563
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Change the following lines in the script from:

    var startcolor=(fadescheme==0)? "rgb(255,255,255)" : "rgb(0,0,0)"
    var endcolor=(fadescheme==0)? "rgb(0,0,0)" : "rgb(255,255,255)"

    To:

    var startcolor=(fadescheme==0)? "rgb(255,255,0)" : "rgb(0,0,0)"
    var endcolor=(fadescheme==0)? "rgb(0,0,0)" : "rgb(255,255,0)"

    255,255,0 = Yellow. It should now fade from yellow to black.
    Other key values:

    255,0,0 = Red
    0,0,255 = Blue
    0,255,0 = Green

    Most good pallette based programs will give you these RGB values.

    cr3ative
    A retired member, drop me a line through my site if you'd like to find me!
    cr3ative media | read the stickies

  3. #3
    Join Date
    Sep 2004
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Color change

    Hi cr3ative,
    I tried your suggestion there , and the problem is that the color will be yellow but when it goes to next message you will see it flash white before going back to yellow, and ive also tried switching to diffrent modes for the line var fadescheme=1 but that doesnt do the trick

    here is a copy of the script that ive edited so that you can see what i mean

    <body>
    <script language="JavaScript1.2">

    /*
    Fading Scroller- By DynamicDrive.com
    For full source code, and usage terms, visit http://www.dynamicdrive.com
    This notice MUST stay intact for use
    */

    var delay=999999 //set delay between message change (in miliseconds)
    var fcontent=new Array()
    begintag='<font face="Arial" size=2>' //set opening tag, such as font declarations
    fcontent[0]="<b>What\'s new?</b><br>New scripts added to the Scroller category!<br><br>The MoreZone has been updated. <a href='../morezone/index.htm'>Click here to visit</a>"
    fcontent[1]="Dynamic Drive has been featured on Jars as a top 5% resource, and About.com as a recommended DHTML destination."
    fcontent[2]="Ok, enough with these pointless messages. You get the idea behind this script.</a>"
    closetag='</font>'

    var fwidth='150px' //set scroller width
    var fheight='150px' //set scroller height

    var fadescheme=1 //set 0 to fade text color from (white to black), 1 for (black to white)
    var fadelinks=1 //should links inside scroller content also fade like text? 0 for no, 1 for yes.

    ///No need to edit below this line/////////////////

    var hex=(fadescheme==0)? 255 : 0
    var startcolor=(fadescheme==0)? "rgb(255,255,0)" : "rgb(0,0,0)"
    var endcolor=(fadescheme==0)? "rgb(0,0,0)" : "rgb(255,255,0)"

    var ie4=document.all&&!document.getElementById
    var ns4=document.layers
    var DOM2=document.getElementById
    var faderdelay=0
    var index=0
    if (DOM2)
    faderdelay=2000

    //function to change content
    function changecontent(){
    if (index>=fcontent.length)
    index=0
    if (DOM2){
    document.getElementById("fscroller").style.color=startcolor
    document.getElementById("fscroller").innerHTML=begintag+fcontent[index]+closetag
    linksobj=document.getElementById("fscroller").getElementsByTagName("A")
    if (fadelinks)
    linkcolorchange(linksobj)
    colorfade()
    }
    else if (ie4)
    document.all.fscroller.innerHTML=begintag+fcontent[index]+closetag
    else if (ns4){
    document.fscrollerns.document.fscrollerns_sub.document.write(begintag+fcontent[index]+closetag)
    document.fscrollerns.document.fscrollerns_sub.document.close()
    }

    index++
    setTimeout("changecontent()",delay+faderdelay)
    }

    // colorfade() partially by Marcio Galli for Netscape Communications. ////////////
    // Modified by Dynamicdrive.com

    frame=20;

    function linkcolorchange(obj){
    if (obj.length>0){
    for (i=0;i<obj.length;i++)
    obj[i].style.color="rgb("+hex+","+hex+","+hex+")"
    }
    }

    function colorfade() {
    // 20 frames fading process
    if(frame>0) {
    hex=(fadescheme==0)? hex=-12 : hex+12 // increase or decrease color value depd on fadescheme
    document.getElementById("fscroller").style.color="rgb("+hex+","+hex+","+hex+")"; // Set color value.
    if (fadelinks)
    linkcolorchange(linksobj)
    frame--;
    setTimeout("colorfade()",20);
    }

    else{
    document.getElementById("fscroller").style.color=endcolor;
    frame=20;
    hex=(fadescheme==0)? 255 : 0
    }
    }

    if (ie4||DOM2)
    document.write('<div id="fscroller" style="border:1px solid black;width:'+fwidth+';height:'+fheight+';padding:2px"></div>')

    window.onload=changecontent
    </script>



    <br>
    <a href="#" onClick="changecontent()">Fade Text</a>
    <br>

    </body>

  4. #4
    Join Date
    Aug 2004
    Location
    Brighton
    Posts
    1,563
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    The problem which I can't identify as of yet is probably contained in sub function colorfade().

    Sorry I can't help more, any other members?

    cr3ative
    A retired member, drop me a line through my site if you'd like to find me!
    cr3ative media | read the stickies

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •