een foto automaties kiezen

Status
Niet open voor verdere reacties.
S

soundguy

Gebruiker
Lid geworden
27 okt 2007
Berichten
167
hallo mensen!

ik heb beoven aan mijn html site een plaatje met daarin 3 foto's totaal 766 bij 200.
nu heb ik 10 van deze totaal plaatjes maar 20 pagina's (ofzo)
hoe kan ik zorgen dat de site automaties 1 van deze 10 plaatjes kiest als ik naar 1 van de pagina's ga?

groeten soundguy

dit heb ik ook in het onderwerp html geschreven omdat ik niet zeker weet waar het onde valt...
 
Dat zou zo kunnen:
PHP: 
<html>
 <head>
  <title>Wisselende foto</title>
  <script type="text/javascript">
   var data = new Array(
    'plaatje_01.jpg',
    'plaatje_02.jpg',
    'plaatje_03.jpg',
    'plaatje_04.jpg',
    'plaatje_05.jpg',
    'plaatje_06.jpg',
    'plaatje_07.jpg',
    'plaatje_08.jpg',
    'plaatje_09.jpg',
    'plaatje_10.jpg',
    '');
   function changePhoto() {
    var nr = Math.floor(Math.random() * (data.length - 1));
    document.images['photo'].src = data[nr];
    };
  </script>
 </head>
 <body onload="changePhoto()">
  <img name="photo" src="plaatje_01.jpg" width="766" height="200">
  ........
 </body>
</html>
Bij de data vul je de verschillende namen van de 10 foto's in. Waar de foto nu staat voeg je name="photo" toe aan de img-tag.

onload="changePhoto()" in de body-tag zorgt er dan voor dat na het laden van de pagina de grote foto vervangen wordt door 1 v/d 10. Meer of minder kan ook. :)


Vr.Gr. Egel.
 
Egel zei:
Dat zou zo kunnen:
PHP: 
<html>
 <head>
  <title>Wisselende foto</title>
  <script type="text/javascript">
   var data = new Array(
    'plaatje_01.jpg',
    'plaatje_02.jpg',
    'plaatje_03.jpg',
    'plaatje_04.jpg',
    'plaatje_05.jpg',
    'plaatje_06.jpg',
    'plaatje_07.jpg',
    'plaatje_08.jpg',
    'plaatje_09.jpg',
    'plaatje_10.jpg',
    '');
   function changePhoto() {
    var nr = Math.floor(Math.random() * (data.length - 1));
    document.images['photo'].src = data[nr];
    };
  </script>
 </head>
 <body onload="changePhoto()">
  <img name="photo" src="plaatje_01.jpg" width="766" height="200">
  ........
 </body>
</html>
Bij de data vul je de verschillende namen van de 10 foto's in. Waar de foto nu staat voeg je name="photo" toe aan de img-tag.

onload="changePhoto()" in de body-tag zorgt er dan voor dat na het laden van de pagina de grote foto vervangen wordt door 1 v/d 10. Meer of minder kan ook. :)


Vr.Gr. Egel.
Klik om te vergroten...


ik ga em proberen
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan