[HTML] het laten zien van een willekeurige foto - Softwareontwikkeling

zaterdag 4 september 2004 20:46

Acties:

Verwijderd

Topicstarter

Na verschillende website gezien te hebben waarin op de website een foto is geplaatst die bij elk nieuw bezoek een andere foto weergeeft, leek mij dit super voor mijn eigen site (voor ons studentenhuis).

Ondertussen heb ik google en de desbetreffende sites afgezocht maar ik kom er zelf niet uit. Misschien is dit ook wel helemaal niet met een javascript te maken.

Mijn vraag dus.......:

Wie kan mij helpen aan een script voor het plaatsen van een willekeurige foto uit je "fotomap", en mocht dit niet mogelijk zijn in welke richting zou ik dan moeten zoeken/leren/oefenen.

zaterdag 4 september 2004 20:47

Acties:

Xandrios

Geef elke foto een nummer. Via PHP en de rand() functie (random) kun je dan een willekeurige foto kiezen. En die kun je dan laden op de pagina.

Opzich staan op php.net zelfs al vrij veel voorbeeldscriptjes hoe je de rand() functie kunt gebruiken

[ Voor 3% gewijzigd door Xandrios op 04-09-2004 20:48 ]

zaterdag 4 september 2004 20:53

Acties:

Verwijderd

Kan met JS op zich ook wel met de Math.random() method.

(zie http://www.susqu.edu/webcentral/javascript/js13.cfm#random)

zaterdag 4 september 2004 21:18

Acties:

Verwijderd

Okey, voor één keer zal ik je helpen met dit schaamteloze scriptrequest, daar je zelf aangeeft bereid te zijn te leren...

HTML:

Java:

<html>
  <head>
    <title>Random Image</title>
    <script type="text/javascript">

window.document.onload = function () {
  var aImages = new Array("test.jpg", "blaat.gif", "nog_een.jpg");
  var iImages = aImages.length; // Het aantal afbeeldingen
  // Math.random() levert een getal tussen de 0 en 1, wij 
  // willen een getal tussen de 0 en iImages, dus moeten 
  // we Math.random() vermenigvuldigen met iMages:
  var i = Math.round(Math.random() * iImages);
  var o = document.getElementById("image");
  o.src = aImages[i];
}
    </script>
  </head>
  <body>
    <img id="image" />
  </body>
</html>

[ Voor 13% gewijzigd door Verwijderd op 04-09-2004 21:18 ]

zondag 5 september 2004 21:16

Acties:

Verwijderd

Topicstarter

Fijn dat jullie me willen helpen, alleen Jorgen..... het scriptje is inderdaad vrij logisch als je kan java'en.... alleen iets werkt nog niet, hij wil de foto's niet laten zien?

Fotonamen zijn aangepast, weet jij waar het aan zou kunnen liggen?
bvd.

zondag 5 september 2004 21:21

Acties:

Verwijderd

Het moet window.onload zijn, en geen window.document.onload. Verder moet je natuurlijk geen Math.round() maar Math.floor() gebruiken. En het is niet zo handig onderhoudbaar omdat je steeds je document of script moet aanpassen als je een foto wilt toevoegen.

Als het mogelijk is om server-side scripts te gebruiken, dan kun je er een schrijven die een willekeurig bestand uit een bepaalde directory kiest.

zondag 5 september 2004 21:51

Acties:

Verwijderd

Topicstarter

Verwijderd schreef op 05 september 2004 @ 21:21:
..........Als het mogelijk is om server-side scripts te gebruiken, dan kun je er een schrijven die een willekeurig bestand uit een bepaalde directory kiest.

Helaas snap ik daar te weinig van en heb ik op dit moment niet de tijd om deze hobby van me uit te breiden!

Wordt mijn inziens gewoon een leuke site met enkele apparte dingen zoals de random foto's enz.... Mijn vorige site was vergeleken het punt waar ik nu ben al een stuk "amateuristischer" http://www.stadionamalia.tk

Zo ben ik eigenlijk ook aan het zoeken naar een poll die door middel van een admin functie door mijn huisgenoten kan worden veranderd! Maar dit ligt allemaal nog ver weg, dus komt nog wel! Om toch van de mogelijkheid gebruik te maken: wat is een server-side script....? of moet ik dat zelf maar even uitzoeken.

zondag 5 september 2004 21:55

Acties:

Dark Blue

Compositionista!

Alpenmeisje

Verwijderd schreef op 05 september 2004 @ 21:16:
Fijn dat jullie me willen helpen, alleen Jorgen..... het scriptje is inderdaad vrij logisch als je kan java'en.... alleen iets werkt nog niet, hij wil de foto's niet laten zien?

Fotonamen zijn aangepast, weet jij waar het aan zou kunnen liggen?
bvd.

Java != is geen Javascript he?

Verwijderd schreef op 04 september 2004 @ 21:18:
Okey, voor één keer zal ik je helpen met dit schaamteloze scriptrequest, daar je zelf aangeeft bereid te zijn te leren...

HTML:

Java:

<html>
  <head>
    <title>Random Image</title>
    <script type="text/javascript">

window.document.onload = function () {
  var aImages = new Array("test.jpg", "blaat.gif", "nog_een.jpg");
  var iImages = aImages.length; // Het aantal afbeeldingen
  // Math.random() levert een getal tussen de 0 en 1, wij 
  // willen een getal tussen de 0 en iImages, dus moeten 
  // we Math.random() vermenigvuldigen met iMages:
  var i = Math.round(Math.random() * iImages);
  var o = document.getElementById("image");
  o.src = aImages[i];
}
    </script>
  </head>
  <body>
    <img id="image"/>
  </body>
</html>

Heeft de image tag niet hier ergens nog een 'src="" ' nodig?

Oh hey verrek, dat doe die o.src al. Hm, laat mij hier maar ff buiten

heidiulrich.nl | adventura.nl : rugzakavonturen | pathwise.nl : prepping geeks to get jobs

woensdag 8 september 2004 03:41

Acties:

Verwijderd

Topicstarter

een klein vraagje..... tijdens het maken deed jullie script het.... maar nu heb ik hem online staan maar nu doet hij het dus niet.......

Zou iemand weten waarom hij het niet doet....?

bij voorbaat dank!

http://www.huize-amalia.tk

woensdag 8 september 2004 03:49

Acties:

n3ck

volgens mij maakt een webcam steeds een nieuwe foto..

woensdag 8 september 2004 04:00

Acties:

Pixal

Mijn poes popelt.

Deze heb ik schaamteloos ergens vandaan gekopieerd tijden geleden en alleen de bestandsnamen hoef je te veranderen en het zal werken.

Probleem is wel dat deze niet een willekeurige foto uit een map pakt maar gewoon willekeurig een van de opgegeven namen geeft.

<script language="JavaScript1.1">

function random_imglink(){
var myimages=new Array()
myimages[1]="pix/utp.gif"
myimages[2]="pix/utp2.jpg"
myimages[3]="pix/utp3.jpg"
myimages[4]="pix/utp4.jpg"
myimages[5]="pix/utp5.jpg"
myimages[6]="pix/utp6.jpg"

var ry=Math.floor(Math.random()*myimages.length)
if (ry==0)
ry=1
document.write('[img]"'+myimages[ry]+'"[/img]')
}
random_imglink()
//-->
</script>

btw. Het is heel makkelijk en heel gratis om die .tk banner uit te schakelen he. Dat scheelt weer wat geklik en het oogt alweer iets professioneler.

[ Voor 20% gewijzigd door Pixal op 08-09-2004 04:03 ]

woensdag 8 september 2004 04:27

Acties:

Verwijderd

Topicstarter

en hoe zou ik dat heel schaamteloos uit kunnen schakelen? ;-)

------------------

p.s. alsof ik dat zelf niet kon vinden.... sorry!

maar ik blijf het raar vinden dat eerder genoemd script het wel doet wanneer deze nog niet online staat......en online blijkbaar niet.... script van pixal zal ik morgen eens proberen! bedankt!

[ Voor 73% gewijzigd door Verwijderd op 08-09-2004 04:48 ]

woensdag 8 september 2004 10:27

Acties:

Verwijderd

Verwijderd schreef op 08 september 2004 @ 04:27:
en hoe zou ik dat heel schaamteloos uit kunnen schakelen? ;-)

------------------

p.s. alsof ik dat zelf niet kon vinden.... sorry!

... knip ...

Okey, nu word je vervelend en moet je gaan oppassen.

Ik zet hier alleen Java neer voor de syntax highlighting

Deze doet het wel. Waarom ik dit nog post weet ik ook niet

Java:

<html> 
  <head> 
    <title>Random Image</title> 
    <script type="text/javascript"> 

window.onload = function () { 
  var aImages = new Array("nextavenue.gif"); 
  var iImages = aImages.length; // Het aantal afbeeldingen 
  // Math.random() levert een getal tussen de 0 en 1, wij  
  // willen een getal tussen de 0 en iImages, dus moeten  
  // we Math.random() vermenigvuldigen met iMages: 
  var i = Math.floor(Math.random() * iImages); 
  var o = document.getElementById("image");
  o.src = aImages[i]; 
} 
    </script> 
  </head> 
  <body> 
    <img id="image" /> 
  </body> 
</html>