/* This script and many more are available free online at The JavaScript Source!! http://javascript.internet.com */ /* ----------------------------------------------- Streaming banners - v.1.1 (c) 2006 www.haan.net contact: jeroen@haan.net You may use this script but please leave the credits on top intact. Please inform us of any improvements made. When useful we will add your credits. ------------------------------------------------ */ /* usage

your banners (images inside anchor tags)

your banners (images inside anchor tags)

In order the have the script working in FireFox as well you need a proper "DTD" to prevent the browser's "quirksmode". Please see http://www.quirksmode.nl/ for more details. Or in case you experience problems, copy and paste next line on top of your webpage: */ function clip() { // width of the banner container var contWidth = 150; // height of the banner container var contHeight = 164; var id1 = document.getElementById('slideA'); var id2 = document.getElementById('slideB'); var height = id1.offsetHeight; id1.style.top = parseInt(id1.style.top)-1 + 'px'; document.getElementById('slideCont').style.height = contHeight + "px"; document.getElementById('slideCont').style.clip = 'rect(auto,'+ contWidth +'px,' + contHeight +'px,auto)'; id2.style.display = ''; if(parseFloat(id1.style.top) == -(height/2)) { id1.style.top = '0px'; } setTimeout(clip,1) } function clip_w() { // width of the banner container var contWidth = 272 ; // height of the banner container var contHeight = 70; var id1 = document.getElementById('slideA'); var id2 = document.getElementById('slideB'); var width = id1.offsetWidth; id1.style.left = parseInt(id1.style.left)-1 + 'px'; id2.style.left = parseInt(id2.style.left)-1 + 'px'; //document.getElementById('slideCont').style.width = contWidth + "px"; //document.getElementById('slideCont').style.clip = 'rect(auto,'+ contWidth +'px,' + contHeight +'px,auto)'; //id2.style.display = ''; //if(parseFloat(id1.style.left) == -(width/2)) { //alert(width); //if(parseFloat(id1.style.left) == -(parseFloat(id1.style.width))) { if(parseFloat(id1.style.left) == -820) { id1.style.left = '820px'; } if(parseFloat(id2.style.left) == -820) { id2.style.left = '820px'; } /*if(parseFloat(id2.style.left) == -(parseFloat(id2.style.width))) { //alert()); id2.style.left = parseFloat(id2.style.width)+'px'; }*/ setTimeout(clip_w,20) } // Multiple onload function created by: Simon Willison // http://simon.incutio.com/archive/2004/05/26/addLoadEvent function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { if (oldonload) { oldonload(); } func(); } } } addLoadEvent(function() { clip_w(); });