Avatar billede mikmakmuk Nybegynder
28. juni 2008 - 21:41 Der er 2 kommentarer og
1 løsning

Lave billedehjul

Hej,

Jeg vil gerne lave et billedehjul, sådan at forstå at billederne i arrayet bliver vist med x antal sekunders mellemrum. Jeg har prøvet nedenstående, men det virker ikke. Jeg vil naturligvis også gerne have at det starter forfra når man når til det sidste.


<img id="img1" style="display:none">
<script type="text/javascript">

var mypics = new Array();
mypics[0] = "billede1";
mypics[1] = "billede2";

for (i=0;i<mypics.length;i++)
{
document.getElementById("img1").setAttribute("src",mypics[i]);
window.setTimeout("document.getElementById('img1').style.display='block'",1000);
}
</script>
Avatar billede w13 Novice
28. juni 2008 - 21:46 #1
Det skal nok snarere være:

<img id="img1">

<script type="text/javascript">

var mypics = new Array();
mypics[0] = "billede1";
mypics[1] = "billede2";

var mypicid=0;
function showImg(){
    document.getElementById("img1").setAttribute("src",mypics[mypicid]);
    mypicid++;
    if(mypicid>mypics.length-1)mypicid=0;
}
showImg();
window.setInterval("showImg()",1000);
</script>
Avatar billede kongknabe Nybegynder
28. juni 2008 - 22:23 #2
Tjek evt. det plugin til jQuery der hedder "cycle" - http://malsup.com/jquery/cycle/
Avatar billede roenving Novice
29. juni 2008 - 15:25 #3
-- og selve funktionen kan forkortes yderligere:

function showImg(){
    document.getElementById("img1").setAttribute("src",mypics[mypicid]);
    mypicid = ++mypicid%mypics.length;
}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester