www.webdeveloper.com
+ Reply to Thread
Results 1 to 5 of 5
  1. 02-09-2006 03:22 PM #1
    DragNews
    DragNews is offline Registered User
    Join Date
    Feb 2006
    Location
    Springfield, IL
    Posts
    12

    Rotating banner help

    i am a complete novice at web design. my boss has given me the task of creating a website for our business. the only thing i am having trouble with is the rotating banners. i have one set in image ready but i want another one that is set to random. i found some code, but it doesn't seem to work. this is the code i have now. it is only the head and the first part of the body where i made changes. if someone could look at this and let me know what i did wrong i would appreciate it.

    <html>
    <head>
    <title>dn_website_06_sliced</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <!-- ImageReady Preload Script (dn_website_06_sliced.psd) -->
    <script type="text/javascript">
    <!--
    <!--

    function newImage(arg) {
    if (document.images) {
    rslt = new Image();
    rslt.src = arg;
    return rslt;
    }
    }

    function changeImages() {
    if (document.images && (preloadFlag == true)) {
    for (var i=0; i<changeImages.arguments.length; i+=2) {
    document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
    }
    }
    }

    var preloadFlag = false;
    function preloadImages() {
    if (document.images) {
    Subscription_over = newImage("images/Subscription-over.gif");
    Latest_over = newImage("images/Latest-over.gif");
    AST_over = newImage("images/AST-over.gif");
    Jr_AST_over = newImage("images/Jr-AST-over.gif");
    WDE_over = newImage("images/WDE-over.gif");
    Archives_over = newImage("images/Archives-over.gif");
    article_extras_over = newImage("images/article-extras-over.gif");
    preloadFlag = true;
    }
    }

    // -->

    function MM_preloadImages() { //v3.0
    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }

    function MM_swapImgRestore() { //v3.0
    var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }

    function MM_findObj(n, d) { //v4.01
    var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
    for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
    if(!x && d.getElementById) x=d.getElementById(n); return x;
    }

    function MM_swapImage() { //v3.0
    var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    // Comma separated list of images to rotate
    var imgs = new Array('1.jpg','2.jpg','3.jpg');
    // delay in milliseconds between image swaps 1000 = 1 second
    var delay = 5000;
    var counter = 0;

    function preloadImgs(){
    **for(var i=0;i<imgs.length;i++){
    ****MM_preloadImages(imgs[i]);
    **}
    }

    function randomImages(){
    **if(counter == (imgs.length)){
    ****counter = 0;
    **}
    **MM_swapImage('rotator', '', imgs[counter++]);
    **setTimeout('randomImages()', delay);
    //-->
    </script>
    <!-- End Preload Script -->








    </head>
    <body onLoad="preloadImgs();randomImages();">
    Reply With Quote Reply With Quote
  2. 02-09-2006 09:34 PM #2
    Compguy Pete's Avatar
    Compguy Pete
    Compguy Pete is offline Web Master/Admin
    Join Date
    Nov 2002
    Location
    Hermantown, MN
    Posts
    1,777
    Thats a whole lotta monkey business for something so simple...

    I've used this article to make a very nice and easy solution to make this work...

    http://alistapart.com/articles/randomizer/
    Compguy Pete
    The Benevolent Administrator

    No child should have to deal with a Brain Stem Tumor...
    http://www.OneAna.com
    Reply With Quote Reply With Quote
  3. 02-10-2006 09:22 AM #3
    DragNews
    DragNews is offline Registered User
    Join Date
    Feb 2006
    Location
    Springfield, IL
    Posts
    12
    thanks for helping im going to see if i can get it work now.
    Reply With Quote Reply With Quote
  4. 02-10-2006 01:38 PM #4
    DragNews
    DragNews is offline Registered User
    Join Date
    Feb 2006
    Location
    Springfield, IL
    Posts
    12
    ARGH!!! i got the rotator script from the link you suggested. Its not working. Plus when i insert it into my script it messes my rollovers up. I know that it shouldn't be hard to just put the script in and off we go, but its just not working. If you have any suggestions as to why its not working please let me know.
    Reply With Quote Reply With Quote
  5. 02-12-2006 10:40 PM #5
    Compguy Pete's Avatar
    Compguy Pete
    Compguy Pete is offline Web Master/Admin
    Join Date
    Nov 2002
    Location
    Hermantown, MN
    Posts
    1,777
    take a look at the site I used it on...

    http://www.ccmn.us
    Compguy Pete
    The Benevolent Administrator

    No child should have to deal with a Brain Stem Tumor...
    http://www.OneAna.com
    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

     

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

Forum Rules

 HTML5 Development Center



Recent Articles