Det burde skulle se sådan her ud !
<head>
<title>Jasper Simonsen Fotografi</title>
<link rel="stylesheet" type="text/css" href="stylesheets/style.css">
<script type="text/javascript">
mintid = 3; //Minimum antal sekunder mellem hvert skift
makstid = 10; //Maksimum antal sekunder mellem hvert skift
bill = new Array();
bill[0] = new Array();
bill[0][0] = "strimmel/upload/1a.jpg"; //Det første billede på den første plads
bill[0][1] = "strimmel/upload/1f.jpg"; //Det andet billede på den første plads
bill[0][2] = "strimmel/upload/1i.jpg"; //Det tredje billede på den første plads
bill[1] = new Array();
bill[1][0] = "strimmel/upload/1d.jpg"; //Det første billede på den anden plads
bill[1][1] = "strimmel/upload/1m.jpg"; //Det andet billede på den anden plads
bill[1][2] = "strimmel/upload/1n.jpg"; //Det tredje billede på den anden plads
bill[2] = new Array();
bill[2][0] = "strimmel/upload/1p.jpg"; //Det første billede på den tredje plads
bill[2][1] = "strimmel/upload/2i.jpg"; //osv.
bill[2][2] = "strimmel/upload/2m.jpg";
bill[3] = new Array();
bill[3][0] = "strimmel/upload/2mo.jpg";
bill[3][1] = "strimmel/upload/2p.jpg";
bill[3][2] = "strimmel/upload/3i.jpg";
bill[4] = new Array();
bill[4][0] = "strimmel/upload/3m.jpg";
bill[4][1] = "strimmel/upload/3mo.jpg";
bill[4][2] = "strimmel/upload/3p.jpg";
bill[5] = new Array();
bill[5][0] = "strimmel/upload/4m.jpg";
bill[5][1] = "strimmel/upload/4mo.jpg";
bill[5][2] = "strimmel/upload/4p.jpg";
bill[6] = new Array();
bill[6][0] = "strimmel/upload/5m.jpg";
bill[6][1] = "strimmel/upload/5mo.jpg";
bill[6][2] = "strimmel/upload/5p.jpg";
bill[7] = new Array();
bill[7][0] = "strimmel/upload/6.jpg";
bill[7][1] = "strimmel/upload/6mo.jpg";
bill[7][2] = "strimmel/upload/6p.jpg";
bill[8] = new Array();
bill[8][0] = "strimmel/upload/7mo.jpg";
bill[8][1] = "strimmel/upload/7p.jpg";
bill[8][2] = "strimmel/upload/8mo.jpg";
pb = new Array();
for (i = 0; i < bill.length; i++) {
pb[i] = new Array();
for (n = 0; n < bill[i].length; n++) {
pb[i][n] = new Image();
pb[i][n].src = bill[i][n];
}
}
bobj = new Array();
bt = new Array();
ie = (document.all && navigator.appName.indexOf("Opera") == -1);
li = (document.all)
function initSlide() {
temp = getPos();
x = temp[0];
y = temp[1];
for (i = 0; i < bill.length; i++) {
bobj[i] = new Array();
bobj[i][0] = bobj[i][1] = document.createElement("img");
bobj[i][0].style.position = bobj[i][1].style.position = "absolute";
bobj[i][0].style.left = bobj[i][1].style.left = x + 6 + i * 111;
bobj[i][0].style.top = bobj[i][1].style.top = y + 22;
bobj[i][0].style.width = bobj[i][1].style.width = "102px";
bobj[i][0].style.height = bobj[i][1].style.height = "67px";
bobj[i][0].style.zIndex = 3;
bobj[i][1].style.zIndex = 2;
if (ie)
bobj[i][0].style.filter = bobj[i][1].style.filter = "alpha(opacity=100)";
else
bobj[i][0].style.MozOpacity = bobj[i][1].style.MozOpacity = 1;
bobj[i][0].src = pb[i][0].src;
bt[i] = 1;
document.body.appendChild(bobj[i][0]);
document.body.appendChild(bobj[i][1]);
}
for (i = 0; i < bill.length; i++)
setTimeout("slide(" + i + ")", tilf());
}
function getPos() {
obj = document.getElementById("strimmel");
x = y = 0;
while (ie && obj.parentElement || obj.offsetParent) {
x += obj.offsetLeft;
y += obj.offsetTop;
obj = (ie) ? obj.parentElement : obj.offsetParent;
}
return new Array(x, y);
}
function slide(i) {
if (bt[i] >= bill[i].length)
bt[i] = 0;
akt = bt[i] % 2;
bobj[i][1 - akt].src = pb[i][bt[i]].src;
for (n = 1; n <= 10; n++) {
if (ie)
setTimeout("bobj[" + i + "][" + akt + "].filters.alpha.opacity = " + (10 * n), 100 * (n - 1));
else
setTimeout("bobj[" + i + "][" + akt + "].style.MozOpacity = " + (n / 10), 100 * (n - 1));
}
setTimeout("bobj[" + i + "][" + akt + "].style.zIndex = 2; bobj[" + i + "][" + (1 - akt) + "].style.zIndex = 3", 1000);
bt[i]++;
setTimeout("slide(" + i + ")", tilf());
}
function tilf() {
return Math.round(Math.random() * (makstid - mintid) + mintid) * 1000;
}
function paaPlads() {
temp = getPos();
x = temp[0];
y = temp[1];
for (i = 0; i < bill.length; i++) {
bobj[i][0].style.left = bobj[i][1].style.left = x + 6 + i * 111;
bobj[i][0].style.top = bobj[i][1].style.top = y + 22;
}
}
function vislag(str,f){
e = document.getElementById('tip');
e.style.top = (li)?f.clientY+(document.body.scrollTop+20)+"px":f.pageY+20+"px";
e.style.left = (li)?f.clientX+document.body.scrollLeft+"px":f.pageX+"px";
vis = (e.style.display=='none')?1:0
if(vis){
e.innerHTML=str;
e.style.display = "inline";
}
}
function skjul(){
document.getElementById('tip').style.display = "none";
}
</script>
</head>
<body>
<div id="tip" style="display:none"></div>
<div id="#main_container">
<div id="main">
<center>
<img src="jasperfoto.jpg" class="centerImg">
</center>
</div>
<div id="bund">
<center>
<map name="FPMap0">
<area coords="69, 2, 233, 12" shape="rect" href="forside.htm" onmousemove="vislag('<b>teksten kommer</b><br /> også her',event);" onmouseout="skjul();">
<area coords="243, 2, 406, 12" shape="rect" href="studiefaciliteter.htm" onmousemove="vislag('<b>teksten kommer</b><br /> også her',event);" onmouseout="skjul();">
<area coords="413, 2, 541, 12" shape="rect" href="firmaprofil.htm" onmousemove="vislag('<b>teksten kommer</b><br /> også her',event);" onmouseout="skjul();">
<area coords="555, 2, 675, 12" shape="rect" href="analogdigital.htm" onmousemove="vislag('<b>teksten kommer</b><br /> også her',event);" onmouseout="skjul();">
<area coords="689, 2, 830, 12" shape="rect" href="portofolie.htm" onmousemove="vislag('<b>teksten kommer</b><br /> også her',event);" onmouseout="skjul();">
<area coords="838, 2, 944, 12" shape="rect" href="kontakt.htm" onmousemove="vislag('<b>teksten kommer</b><br /> også her',event);" onmouseout="skjul();">
</map>
<img src="strimmel/strimmel.jpg" id="strimmel" usemap="#FPMap0" border="0" style="z-index: 1" onload="initSlide();" align="absbottom" width="1000" height="123" />
</center>
</div>
</div>
<body onresize="paaPlads();">
</body>
</html>
Det du så bare skal huske er at sørge for er at nedenstående er i det stylesheet du linker til :o)
#tip
{
border:solid 1px #000000;
background:#FCFDC7;
position:absolute;
padding:2px;
font-family:verdana //fonten
font-size:10px; //størrelsen
}
Ny bruger
Nybegynder
Opret
Preview
