Die Files kannst du bei http://cross-browser.com herunterladen.
Für die Bilder kannst du auch Zahlen einfügen.
Mit setTimeout("countdown()", 700); kannst du die Geschwindigkeit verändern.
Code:
<html><head>
<title>Count Down</title>
<link rel="STYLESHEET" href="style.css" type="text/css">
<script type='text/javascript' src='cbe/cbe_core.js'></script>
<script type='text/javascript' src='cbe/cbe_clip.js'></script>
<script type='text/javascript' src='cbe/cbe_slide.js'></script>
<script type='text/javascript' src='cbe/cbe_slide2.js'></script>
<script type='text/javascript' src='cbe/cbe_event.js'></script>
<script type='text/javascript'><!--
var theHiZ = 60;
var b1,b2,b3,b4;
var rand = 0;
function windowOnload() { init();}
function init(){
window.cbe.addEventListener("resize", init, false);
for(i = 1; i<=4; i++){
CFE = 'b' + i;
CFE = document.getElementById(CFE).cbe;
CFE.resizeTo(380,380);
CFE.moveTo(document.cbe.width()/4,90);
CFE.show();
}
countdown();
}
function setHiZ(id) {
cbeGetElementById(id).cbe.zIndex(++theHiZ);
}
function countdown() {
if(rand<4){
rand = rand+1;
box= 'b' + rand;
setHiZ(box);
setTimeout("countdown()", 700);
}
}
//--></script>
</head>
<body bgcolor="#1F1F1F" oncontextmenu="return false" >
<div id='b1' class='b1'><img src="pics/b1.jpg" width="380" height="380" border=0> </div>
<div id='b2' class='b2'><img src="pics/b2.jpg" width="380" height="380" border=0> </div>
<div id='b3' class='b3'><img src="pics/b3.jpg" width="380" height="380" border=0> </div>
<div id='b4' class='b4'><img src="pics/b4.jpg" width="380" height="380" border=0> </div>
</body>
</html>
Berechtigungen
Zitieren
Lesezeichen