Ä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 · 248 visningar · startad av huskyboy
Bara en bild eller kan hela sidan bytas?
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>
:)