Avatar billede pnr Nybegynder
29. november 2004 - 06:38 Der er 7 kommentarer og
1 løsning

Hjælp til visning af billeder med fade funktion

Jeg har 3 billeder på min side:

<img src="billede1.jpg" name="billede1" alt=""> 
<img src="billede6.jpg" name="billede2" alt=""> 
<img src="billede9.jpg" name="billede3" alt="">

Disse tre billeder vil jeg gerne have til at vise 15 forskellige billeder på skift. Dvs. evt. hvert 10 sek. skifter et af billederne billede, så skifter et af de andre billeder billede osv.

Når der skiftes billede skal overgangen fades. De 3 billeder må ikke vise det samme billede på engang.

Er der nogen der kan hjælpe mig med et sådan script?
Avatar billede roenving Novice
29. november 2004 - 13:44 #1
Avatar billede pnr Nybegynder
29. november 2004 - 15:02 #2
Jeg er ikke den helt store javascript ekspert, så jeg kan ikke helt gennemskue om jeg kan bruge nogle af dine links. Men der er ingen af de eksempler der har 3 billeder som skal skiftets til at vise et billede.

hvor mange point skal du have for at lave et sådan script?
Avatar billede pnr Nybegynder
30. november 2004 - 09:59 #3
Jeg er ved at få noget fusket sammen, som ser ud til at virke ;-) Jeg vender lige tilbage hvis der er nogle problemer.
Avatar billede pnr Nybegynder
30. november 2004 - 11:56 #4
Jeg har nu fået lavet et script som gør det jeg ønskede. Men det virker kun i Explorer, i Netscape og Opera skifter den ikke billederne. Hvordan fikser jeg det?

Her er mit script:

<script>

// Funktion som blander billederne i arrayet
function blandBilleder() {
    var tal=0;
    var tmp=0;
      for (i = 0 ; i < billeder_ialt ; i++ ) {
        tal = Math.floor(Math.random() * billeder_ialt);
        tmp = billede[i];
        billede[i] = billede[tal] ;
        billede[tal] = tmp;
      }
}

// Funktion som viser alle billederne med en fade effekt i de 3 "img tags"
function StartBilledeSerie(){
 
    if(billede_nr==4)
        billede_nr = 1;

      if (document.all){
               
        document.Form1.elements['billede' + billede_nr].style.filter="blendTrans(duration=2)";
        document.Form1.elements['billede' + billede_nr].style.filter="blendTrans(duration=overlap)";
            document.Form1.elements['billede' + billede_nr].filters.blendTrans.Apply(); 
   
        document.Form1.elements['billede' + billede_nr].src = sti + billede[aktuel_billede];
        if (document.all)
              document.Form1.elements['billede' + billede_nr].filters.blendTrans.Play();             
      }
   
    aktuel_billede++;
    if (aktuel_billede > (billeder_ialt - 1))
        aktuel_billede=0;
       
    setTimeout('StartBilledeSerie()', hastighed)
    billede_nr++;
}

// Et array med navnene på alle billederne
var billede = new Array();

billede[0] = 'billede1.jpg'
billede[1] = 'billede2.jpg'
billede[2] = 'billede3.jpg'
billede[3] = 'billede4.jpg'
billede[4] = 'billede5.jpg'
billede[5] = 'billede5.jpg'
billede[6] = 'billede6.jpg'
billede[7] = 'billede7.jpg'
billede[8] = 'billede8.jpg'
billede[9] = 'billede9.jpg'
billede[10] = 'billede10.jpg'
billede[11] = 'billede11.jpg'
billede[12] = 'billede12.jpg'
billede[13] = 'billede13.jpg'
billede[14] = 'billede14.jpg'
billede[15] = 'billede15.jpg'
billede[16] = 'billede16.jpg'
billede[17] = 'billede17.jpg'
billede[18] = 'billede18.jpg'
billede[19] = 'billede19.jpg'

// Billede overlapningstiden angivet i sekunder
var overlap = 4;

// Billedesjift hastigheden angivet i millisekunder
var hastighed = 4000;

// Nummeret på det billede der skal vise
var aktuel_billede = 3;

// Antal billeder ialt
var billeder_ialt = billede.length;

// Nummeret på det "img tag" som det aktueller billede skal vises i
var billede_nr = 1;

// Stien til billederne
var sti = 'images/topbilleder/';

blandBilleder();

</script>
Avatar billede pnr Nybegynder
30. november 2004 - 21:12 #5
Jeg er ved at være lidt desperat her :-) Da problemet har ændret sig siden jeg oprettede dette spørgsmål, lukker jeg og opretter et ny spørgsmål.

Roenving: smid et svar så får du lidt point for dine links! og mange tak for din kommentar.
Avatar billede pnr Nybegynder
10. december 2004 - 13:09 #6
hallo!
Avatar billede roenving Novice
10. december 2004 - 13:45 #7
Oki, har ikke haft så meget tid til E* den sidste måned tid '-)
Avatar billede roenving Novice
13. december 2004 - 13:41 #8
-- og tak for point ;~}
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