/* 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: */ var clipstop1 = false; var clipstop2 = false; var clipstop3 = false; function clip() { if (clipstop1) return; // width of the banner container var contWidth = 300; // height of the banner container var contHeight = 150; 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,25); } function clip2() { if (clipstop2) return; // width of the banner container var contWidth = 300; // height of the banner container var contHeight = 150; var id1 = document.getElementById('slideC'); var id2 = document.getElementById('slideD'); var height = id1.offsetHeight; id1.style.top = parseInt(id1.style.top)-1 + 'px'; document.getElementById('slideCont2').style.height = contHeight + "px"; document.getElementById('slideCont2').style.clip = 'rect(auto,'+ contWidth +'px,' + contHeight +'px,auto)'; id2.style.display = ''; if (parseFloat(id1.style.top) == -(height/2)) { id1.style.top = '0px'; } setTimeout(clip2,25); } function clip3() { if (clipstop3) return; // width of the banner container var contWidth = 301; // height of the banner container var contHeight = 150; var id1 = document.getElementById('slideE'); var id2 = document.getElementById('slideF'); var height = id1.offsetHeight; id1.style.top = parseInt(id1.style.top)-1 + 'px'; document.getElementById('slideCont3').style.height = contHeight + "px"; document.getElementById('slideCont3').style.clip = 'rect(auto,'+ contWidth +'px,' + contHeight +'px,auto)'; id2.style.display = ''; if (parseFloat(id1.style.top) == -(height/2)) { id1.style.top = '0px'; } setTimeout(clip3,25); } // 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(); clip2(); clip3(); document.getElementById('slideA').onmouseover = function () { clipstop1 = true; } document.getElementById('slideA').onmouseout = function () { clipstop1 = false; clip(); } document.getElementById('slideC').onmouseover = function () { clipstop2 = true; } document.getElementById('slideC').onmouseout = function () { clipstop2 = false; clip2(); } document.getElementById('slideE').onmouseover = function () { clipstop3 = true; } document.getElementById('slideE').onmouseout = function () { clipstop3 = false; clip3(); } });