Automatisk skifting av bilde i header på webside?

En tråd i 'Generelt' startet av Hans-M, 30 Apr 2012.

  1. Hans-M

    Hans-M Lt. Commander

    Innlegg:
    294
    Liker mottatt:
    0
    Poeng:
    125
    OBS: Jeg trenger ikke svar, for det har jeg funnet. Skriver svaret her i tilfelle andre lurer på dette.

    Det jeg da lurte på var hvordan jeg kunne få til at headeren på hjemmesiden byttet bilde av seg selv, noe alà reklamen til vardemedia.no. Fant til slutt ut hvordan man gjorde dette, og det var slik:

    Putter denne koden mellom <head> </head> taggene. Du skifter ut "header1, header2 osv.." med bildene du vil veksle mellom.

    <script type="text/javascript">
    <!--
    var image1=new Image()
    image1.src="img/header1.png"
    var image2=new Image()
    image2.src="img/header2.png"
    var image3=new Image()
    image3.src="img/header3.png"
    //-->
    </script>

    Denne koden putter du der du vil at bildet skal skifte, f.eks øverst der du opprinnelig har headeren din:

    <img src="img/header1.png" name="slide" width=336 height=75>

    Til slutt putter du denne koden i body taggene, denne koden hører altså til koden ovenfor. Der du ser det står "setTimeout("slideit()",5000)" endrer du bare tallet "5000" med hvor mange sekunder du skal ha:

    <script>
    <!--
    //variable that will increment through the images
    var step=1
    function slideit(){
    //if browser does not support the image object, exit.
    if (!document.images)
    return
    document.images.slide.src=eval("image"+step+".src")
    if (step<3)
    step++
    else
    step=1
    //call function "slideit()" every 5 seconds
    setTimeout("slideit()",5000)
    }
    slideit()
    //-->
    </script>


    - Værsågod! :)
     
    #1
    Sist redigert: 4 Mai 2012
  2. dahlskebank

    dahlskebank Lt. Commander

    Innlegg:
    1.823
    Liker mottatt:
    0
    Poeng:
    125
    Sv: Automatisk skifting av bilde i header på webside?

    Jeg synes nå du kan poste svaret. Selv om det ikke nødvendigvis har noe med film å gjøre, så synes jeg du kan poste svaret skulle andre søke dette opp så kan de jo finne svaret før de trenger å lage en ny tråd som de ber om å få slettet.
     
    #2

Del denne siden