[JS/HTML]Change image on refresh - Softwareontwikkeling

maandag 4 oktober 2004 14:28

Acties:

Verwijderd

Topicstarter

Beste tweakers,

Ik heb geprobeerd en ik kom er niet uit

Zucht~ Maar ja. Wat wil ik nou precies? Ik wil dat als iemand mijn site op komt, steeds een andere foto te zien krijgt. Daarvoor heb ik deze javascript gevonden maar helaas hij werkt niet.

code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> 
<meta content="mshtml 6.00.2800.1264" name="generator" /> 
<title>Random images</title> 
<style type="text/css"> 
/*<![CDATA[*/ 

body { 
background:#dddddd; 
} 
div#container { 
width:336px; 
position:absolute; 
top:100px; 
left:50%; 
margin-left:-168px; 
} 
img#random { 
width:324px; 
height:200px; 
border:double 6px #000000; 
} 

/*//]]>*/ 
</style> 

<script type="text/javascript"> 
//<![CDATA[ 

var images=new Array(); 
images[0]="image_1.jpg"; 
images[1]="image_2.jpg"; 
images[2]="image_3.jpg"; 
images[3]="image_4.jpg"; 
images[4]="image_5.jpg"; 
images[5]="image_6.jpg"; 

function randomimage() { 
var i=Math.floor(Math.random()*images.length); 
document.getElementById("random").src=images[i]; 

} 
onload=randomimage; 

//]]> 
</script> 

</head> 
<body > 

<div id="container"> 
[img]""[/img] 
</div> 

</body> 
</html>

Ik heb zelf image_1.jpg aangemaakt en hij wilt hem naar niet lezen. Dat heb ik ook geprobeerd toe te passen aan mijn website, en dat werkte ook niet. De links waren goed maar hij wou de fotos niet weergeven.

Dus, weten jullie misschien een andere code, of kunnen jullie mij helpen met deze code? Dank je

maandag 4 oktober 2004 14:30

Acties:

Verwijderd

geef je plaatjes de namen 1 t/m ....jpg
en doe het server-side (PHP)

[img]"images/<?=rand(1,34)[/img].jpg" /></a>

maandag 4 oktober 2004 14:31

Acties:

André

Analytics dude

Het script lijkt prima, staan de plaatjes in dezelfde folder? En wat doet het script wel en wat niet?

maandag 4 oktober 2004 14:42

Acties:

Verwijderd

Topicstarter

André schreef op 04 oktober 2004 @ 14:31:
Het script lijkt prima, staan de plaatjes in dezelfde folder? En wat doet het script wel en wat niet?

Ze staan in dezelfde folder. Hij wilt alleen de foto's niet weergeven.

Verwijderd schreef op 04 oktober 2004 @ 14:30:
geef je plaatjes de namen 1 t/m ....jpg
en doe het server-side (PHP)

[img]"images/<?=rand(1,34)[/img].jpg" /></a>

Kan je misschien wat erbij vertellen wat het doet? ^^; Ik gok dus dat "rand" random betekent en (1,34) van 1 tot 34 weergeeft?

[ Voor 40% gewijzigd door Verwijderd op 04-10-2004 14:46 ]

maandag 4 oktober 2004 14:45

Acties:

Verwijderd

Topicstarter

Tiz me gelukt!! Met dank aan jullie beide! Zelf wist ik niet dat ik met PHP dit ook kan. Dank dank

[ Voor 195% gewijzigd door Verwijderd op 04-10-2004 15:46 . Reden: Doubleposting >>; ]

maandag 4 oktober 2004 14:52

Acties:

Verwijderd

random(1,34) geeft een random geheel getal tussen 1 en 34.
Als je 4 plaatjes hebt gebruik je dus random(1,4)

maandag 4 oktober 2004 14:55

Acties:

André

Analytics dude

Werkt dit wel dan:

code:

<script type="text/javascript"> 
//<![CDATA[ 

var images=new Array(); 
images[0] = new Image(); images[0].src = "image_1.jpg"; 
images[1] = new Image(); images[1].src = "image_2.jpg"; 
images[2] = new Image(); images[2].src = "image_3.jpg"; 
images[3] = new Image(); images[3].src = "image_4.jpg"; 
images[4] = new Image(); images[4].src = "image_5.jpg"; 
images[5] = new Image(); images[5].src = "image_6.jpg"; 

function randomImage()
 { 
  var i = Math.floor(Math.random() * images.length); 
  document.getElementById("random").src = images[i].src; 
} 
window.onload = randomImage;

Pagina: 1

Reageer