Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

random background

None
4 antwoorden
  • Is het ook mogelijk om een random image in een div te laden?
  • ja
  • [quote:8435be104a="teacher"]ja[/quote:8435be104a]…LOL… :D


    [quote:8435be104a="markboots"]Is het ook mogelijk om een random image in een div te laden?[/quote:8435be104a]Daar heb je waarschijnlijk Javascript voor nodig…misschien wil het ook wel met PHP/ASP…

    [i:8435be104a]PS; Ik ben heel aardig geweest en heb ff gegoolged (is dat nederlands?), hier is een linkje naar een forum thread waar precies dit onderwerp ter sprake komt.

    En dit is de code die het moet doen:[/i:8435be104a][code:1:8435be104a]<html>
    <head>
    <title>Random Masthead Background</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <script language="JavaScript" type="text/javascript">

    //Edit this line to list all of your background images
    var backgroundSrcs = new Array("ss-001.gif","ss-002.gif","ss-003.gif","ss-004.gif")

    function pickimage()
    {
    //This line picks an image at random from the list you entered above
    var bgimage=backgroundSrcs[(Math.round(Math.random()*(backgroundSrcs.length-1)))]

    //This line applies the background image to your masthead
    document.getElementById("masthead").style.backgroundImage = "url('" + bgimage + "')";
    }
    </script>
    </head>
    <body onload="pickimage()">
    <!–
    I've used a div tag for the masthead but you could use a table or paragraph if you wish.
    Just make sure that you add the id="masthead" part.
    –>
    <div id="masthead">
    <p>Your Masthead Goes Here</p>
    </div>
    <div>The rest of your page goes here</div>
    </body>
    </html> [/code:1:8435be104a][i:8435be104a]Ik heb de code niet uitgeprobeerd, maar de gene die op het andere forum de vraag had gesteld was heel blij…[/i:8435be104a]
  • Korte uitleg zodat andere mensen ook snappen wat hier staat.
    Ze gaan hier vanuit dat je plaatjes in dezelfde map zit als je site.
    Wil je echter een map aanroepen, zet dan het pad erbij. (vb "/images/layout/background1.jpg", "/images/layout/background2.jpg";)

    - Stop een stel plaatjes in een array genaamd backgroundSrcs.
    - Bij het laden van de pagina wordt de functie pickimage aangeroepen.
    - De functie pickimage kiest random een plaatje uit de array en zet het in een variabele genaamd bgimage.
    - Vervolgens zet de functie pickimage een achtergrondplaatje bij een html element waarvan de id masthead is.
    - In dit geval de eerste <div> element.

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.