Avatar billede michaelfranz Nybegynder
07. marts 2011 - 20:24 Der er 4 kommentarer og
1 løsning

Tre s3Slider som skal køre forskelligt

Hej Eksperter.

Jeg har et problem.

Jeg er ved at lave en hjemmeside som bruger JQuery slideren s3Slider som man kan finde her: http://www.serie3.info/s3slider/index.php

Nu skal jeg så have 3 på siden.

Men jeg kan ikke få dem til at køre forskelligt.
Dvs. jeg vil gerne have at først så kører den første i 3 sekunder, så skal den næste skifte et sekund efter og den næste et sekund efter.
Og så skal de ellers bare køre med samme interval. Jeg har lavet noget slam-kode som ikke fungere:
            $(document).ready(function() {
                startSliders();
            });
            function sleep(milliseconds) {
                var start = new Date().getTime();
                for (var i = 0; i < 1e7; i++) {
                    if ((new Date().getTime() - start) > milliseconds){
                        break;
                    }
                }
            }
            function startSliders(){
                $('#slider').s3Slider({
                    timeOut: 3000
                });
                sleep(1000);
                $('#slider2').s3Slider({
                timeOut: 3000
                });       
                sleep(1000);
                $('#slider3').s3Slider({
                timeOut: 3000
                });
            }

Håber der er nogle der kan hjælpe :)
Avatar billede olebole Juniormester
07. marts 2011 - 20:34 #1
<ole>

Du bør under alle omstændigheder finde på noget andet end den sleep funktion, du anvender. JavaScript har ikke en native sleep funktion - og man kan ikke konstruere en velfungerende.

Den, du bruger, sender browseren på ekstremt hårdt straffearbejde i de dybeste af Sibiriens mørkeste miner!

/mvh
</bole>
Avatar billede michaelfranz Nybegynder
07. marts 2011 - 20:41 #2
Ja.. fandt jeg ud af :/ nu ser min kode ud som følger:
            $(document).ready(function() {
                startSliders();
            });
            function startSliders(){
                $('#slider').s3Slider({
                    timeOut: 3000
                });
                $('#slider2').s3Slider({
                timeOut: 3500
                });
                $('#slider3').s3Slider({
                timeOut: 4000
                });
            }
Men efter lidt tid ramler de jo sammen og 2 skifter billede på samme tid :/ men første runde køre jo fint hvor der er et halvt sekund mellem hvert billede skifter.

Nogen der ved om det overhovedet kan lade sig gøre.
Har også prøvet med setTimeout men fungere heller ikke.
Avatar billede michaelfranz Nybegynder
07. marts 2011 - 20:43 #3
Spørgsmålet er måske bedre formuleret sådan her:
Jeg vil have de 3 sliders og de tider der står 3000,3500,4000 er hvor lang tid de skal vises første gang og de næste gange skal det bare være 3000. Dvs. at de hele tiden skifter med et halvt sekund.
Avatar billede olebole Juniormester
07. marts 2011 - 21:03 #4
Det har jeg ingen anelse om - prøv at søge i dokumentationen. Det er en af de mange bagdele ved den slags libraries: Det er bøvlet at overskue, hvad der i virkeligheden sker i dets indre
Avatar billede michaelfranz Nybegynder
08. marts 2011 - 18:19 #5
Nå fandt ikke ud af det men kunden har accepteret det som det er ;)
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