Results 1 to 3 of 3

Thread: Fading Scroller

  1. #1
    Join Date
    Mar 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Fading Scroller

    Hi everyone,

    I've got a fading scroller on my site, and it's working fine down below the menu on the left hand side of my site, but i would prefer it if i was able to, not sure the best way to work this, but embed it into the footer image.

    The footer is basically just a long blue bar with a logo and the right hand side, and i want the scroller is display along the middle of it. I'm not sure if this is possible.

    Any suggestions would be greatly appreciated.

    Thanks for your time,
    Benny

  2. #2
    Join Date
    Sep 2005
    Location
    India
    Posts
    1,627
    Thanks
    6
    Thanked 107 Times in 107 Posts

    Default

    Can you post either a link or the code.

  3. #3
    Join Date
    Mar 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    It's taken from this site, but basically this is it:

    <script type="text/javascript">

    /***********************************************
    * Fading Scroller- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
    ***********************************************/

    var delay = 2000; //set delay between message change (in miliseconds)
    var maxsteps=30; // number of steps to take to change from start color to endcolor
    var stepdelay=40; // time in miliseconds of a single step
    //**Note: maxsteps*stepdelay will be total time in miliseconds of fading effect
    var startcolor= new Array(255,255,255); // start color (red, green, blue)
    var endcolor=new Array(0,0,0); // end color (red, green, blue)

    var fcontent=new Array();
    begintag='<div style="font: normal 12px Arial; padding: 5px;">'; //set opening tag, such as font declarations
    fcontent[0]="<a href='ICT.htm'><b>News</b><br>The team have been working closely with the GB market to integrate the 500,000 consumer records on their Mirror Database into the Consumer Database.<a/>";
    fcontent[1]="<a href='ICT.htm'><b>News</b><br>The team has worked closely with our ICT team to develop the Brochure Order Project system</span>...<a/>";
    fcontent[2]="<a href='ICT.htm'><b>News</b><br>GB Ad Response has almost doubled on the same month last year...<a/>";
    closetag='</div>';

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

    var fadelinks=1; //should links inside scroller content also fade like text? 0 for no, 1 for yes.

    There is more code below but its just the functions.

    Unfortunately i can't give a link to the site as its hosted on my companies intranet.

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
  •