Avatar billede nph12 Nybegynder
19. januar 2012 - 13:35 Der er 4 kommentarer og
1 løsning

Simpel billedskift script

Hej
Jeg ønsker, at kunne skifte mellem tre billeder på forsiden af en hjemmeside som jeg er i gang med at udvikle. Jeg har ikke den store erfaring med javascript, så derfor denne tråd.

Billederne skal skifte hvert 5 sekundt.
Avatar billede tobrukDk Novice
19. januar 2012 - 14:44 #2
http://bit.ly/xf2mKn

der kan du finde flere :D
Avatar billede olsensweb.dk Ekspert
19. januar 2012 - 20:34 #3
er det noget så simpelt som dette
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title></title>
    <style type="text/css">
    </style>
    <script type="text/javascript">
        var ItemObjArray = Array();
        var Item = new Object();           
        Item = {File: "160x90_003.jpg"};    ItemObjArray[0]=Item;
        Item = {File: "160x90_005.jpg"};    ItemObjArray[1]=Item;
        Item = {File: "160x90_009.jpg"};    ItemObjArray[2]=Item;
        Item = {File: "160x90_016.jpg"};    ItemObjArray[3]=Item;       
        var ar_lng = ItemObjArray.length;
        var nr = 0;       
        function skift(){           
            if (nr>=ar_lng) nr=0;
            document.animation.src="images/"+ItemObjArray[nr].File;
            nr++;
            setTimeout("skift()",5000);
        }
    </script>
</head>
<body>
<img alt="" src="" name="animation" title="test" width="160" height="90">
<!--
nedenstående javascript blok kunne være erstattet med
<body onload="skift()">
men jeg syntes ikke så godt om at skrive det i body tag'et
-->
<script type="text/javascript">   
    skift();
</script>
</body>
</html>

demo http://experten.olsensweb.dk/955591/

og så er det uden brug af jquery :), derer ikke nogle grund til at tage 100K overhead ned for så lidt, man kunne overveje en jquery løsning hvis man anvender jquery i forvejen på siden
Avatar billede tobrukDk Novice
20. januar 2012 - 06:22 #4
Jeps der vil jeg give dig 100% ret og jquery synes jeg virker lidt nemt at lærer . ;)
Avatar billede nph12 Nybegynder
22. januar 2012 - 16:37 #5
Nivo slider var løsningen for mig:

http://nivo.dev7studios.com/
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



IT-JOB

Unik System Design A/S

Udviklingschef

Udviklings- og Forenklingsstyrelsen

Erfaren IT-projektleder til strategisk vigtig opgave

Arbit Cyber Defence Systems ApS

Compliance Specialist

Jyske Bank

Java-udvikler