![[AMD]Zmasters avatar](/av/3411.gif)
Bara en bild eller kan hela sidan bytas?
Trådstart#1
Är det någon som vet var jag kan hitta ett skript där jag har en bild som byts efter en 5 - 10 sekunder? Där jag kan ha 5 - 6 bilder att byta mellan.
Ändra bild
8 svar · 255 visningar · startad av huskyboy
Bara en bild som ligger i tex en tabell
Sorry, isåfall vet jag inte, men sök lite och leta, kanske finns en sån tråd, annars är det bara att vänta på att nån annan ska svara 
Exempel:
<head>
<script type="text/javascript">
<!--
var imgs=[
{ src: "bild2.gif", alt: "bild2" },
{ src: "bild3.gif", alt: "bild3" },
{ src: "bild4.gif", alt: "bild4" },
{ src: "bild5.gif", alt: "bild5" },
{ src: "bild1.gif", alt: "bild1" }
];
function updateImage(n){
if(n==imgs.length){
n=0;
}
with(document.images["foo"]){
src=imgs[n].src;
alt=imgs[n].alt;
}
window.setTimeout("updateImage("+(n+1)+")",[b]5000[/b]);
};
window.onload=function(){
window.setTimeout("updateImage(0)",[b]5000[/b]);
};
//-->
</script>
</head>
...
<div><img name="foo" src="bild1.gif" height="50" width="100" alt="bild1"></div>
De fetstilta talen anger -- i millisekunder -- efter hur lång tid bilden i "img"-taggen skall bytas. Denna tagg kan du givetvis placera var du vill, exempelvis i en tabell.
Tack. Ska prova det
Förresten hur gör man om man vill ha så att det byts på tex två olika ställen på en sida? I två tabell celler.
Går det?
Bra sätt att göra det på..... men hur fåman det att funka om man har 2st ställen i samma sida där det ska skiftas bilder?
Ett enkelt exempel:
<head>
<script type="text/javascript">
<!--
var imgs1=[
{ src: "bild2.gif", alt: "bild2" },
{ src: "bild3.gif", alt: "bild3" },
{ src: "bild4.gif", alt: "bild4" },
{ src: "bild5.gif", alt: "bild5" },
{ src: "bild1.gif", alt: "bild1" }
];
var imgs2=[
{ src: "bild7.gif", alt: "bild7" },
{ src: "bild8.gif", alt: "bild8" },
{ src: "bild9.gif", alt: "bild9" },
{ src: "bild10.gif", alt: "bild10" },
{ src: "bild6.gif", alt: "bild6" }
];
function updateImage(n){
if(n==imgs1.length){
n=0;
}
with(document.images["foo"]){
src=imgs1[n].src;
alt=imgs1[n].alt;
}
with(document.images["bar"]){
src=imgs2[n].src;
alt=imgs2[n].alt;
}
window.setTimeout("updateImage("+(n+1)+")",5000);
};
window.onload=function(){
window.setTimeout("updateImage(0)",5000);
};
//-->
</script>
</head>
...
<div><img name="foo" src="bild1.gif" height="50" width="100" alt="bild1"></div>
<div><img name="bar" src="bild6.gif" height="50" width="100" alt="bild6"></div>