7 svar · 186 visningar · startad av Rinaldo
jag håller på att göra en banner som består av 4 delar.
Denna ska ha en bild till vänster, en jpg bild, och 1 bild till höger en gif.
Den högra delen ska bytas efter ett visst antal sek till en annan bild. Jag har 4 delar.
Om man preloadar dom, kan man på något smart sätt byta ut dessa, utan att ladda en ny sida eller med frames.
Det ska helst funka i så många webbläsare som möjligt.
Tack på förhand. MVH Viktor
<script language="JavaScript" type="text/javascript">
var bilder=new Array("part1.gif","part2.gif","part3.gif");
var n=0;
function change(){
if (document.images) {
n++;
if(n>=bilder.length) n=0;
document['minbild'].src=bilder[n];
setTimeout("change();",1000);
}
}
</script>
<img src="part1.gif" name="minbild">
Starta scriptet från body-elementet med onLoad="change();"
Tillägg:
1000 är fördröjningen i ms = 1 sek.
Tack så mycket!
Varför funkar inte detta?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Skänk pengar till julen</title>
</head>
<body onLoad="change();" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<img src="jultomten.jpg">
</td>
<td>
<script language="JavaScript" type="text/javascript">
var bilder=new Array("part1.gif","part2.gif","part3.gif","part4.gif");
var n=0;
function change(){
if (document.images) {
n++;
if(n>=bilder.length) n=0;
document['minbild'].src
setTimeout("change();",1000);
}
</script>
<img src="part1.gif" name="minbild">
</td>
</tr>
</table>
</body>
</html>
Jag missade en sak i scriptet. Kopiera det igen.
vilka webbläsare fungerar detta i?
detta funkar fortfarande inte:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Skänk pengar till julen</title>
</head>
<body onLoad="change();" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<img src="jultomten.jpg">
</td>
<td>
<script language="JavaScript" type="text/javascript">
var bilder=new Array("part1.gif","part2.gif","part3.gif");
var n=0;
function change(){
if (document.images) {
n++;
if(n>=bilder.length) n=0;
document['minbild'].src=bilder[n];
setTimeout("change();",1000);
}
</script>
<img src="part1.gif" name="minbild">
</td>
</tr>
</table>
</body>
</html>
Ursäkta igen. Hade missat en annan sak. Farligt att bara skriva script utan att provköra dem 
Saknade en "}".