LoginPassword
Forum - Development - Random Image
Cobra
Member
hey pandemicers,

ik ben bezig met een random image maker voor onze hok site maar het wil niet echt lukken misschien dat jullie mij kunnen helpen

het gaat dus hier om klik
maar zoals jue ziet is dat plaatje rechts boven in veelste groot en nu heb ik bij die maker deze code gebruikt.

code:
<html xmlns="http://www.w3.org/1999/xhtml"> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin // Set up the image files to be used. var theImages = new Array() // do not change this // To add more image files, continue with the // pattern below, adding to the array. theImages[0] = new Image(150,212); theImages[0] = 'http://pic70.picturetrail.com/VOL1825/8041596/17403348/270430520.jpg' theImages[1] = new Image(150,212); theImages[1] = 'http://pic70.picturetrail.com/VOL1825/8041596/17403348/270430250.jpg' theImages[2] = new Image(150,212); theImages[2] = 'http://pic70.picturetrail.com/VOL1825/8041596/17403348/270429536.jpg' theImages[3] = new Image(150,112); theImages[3] = 'http://pic70.picturetrail.com/VOL1825/8041596/17403348/270429160.jpg' // do not edit anything below this line var j = 0 var p = theImages.length; var preBuffer = new Array() for (i = 0; i < p; i++){ preBuffer[i] = new Image() preBuffer[i].src = theImages[i] } var whichImage = Math.round(Math.random()*(p-1)); function showImage(){ document.write('<img src="'+theImages[whichImage]+'">'); } // End --> </script> </HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin showImage(); // End --> </script> </html>


dus mijn vraag is hoe krijg ik die plaatjes kleiner, oja voor de iframe heb ik deze code gebruikt

code:
<iframe src="http://members.home.nl/mhjj/test/Random%20image.html" height="150" width="212" frameborder="0" scrolling="no"> </iframe>


wanneer je deze link zie je dus wel dat de random image werkt (wel een paar keer F5en dan verandert het plaatje) dus alleen bij Refresh maar dat is ook de bedoeling.

goed ik heb wel een klein beetje HTML en JavaScript verstand maar zover ook weer niet zoals jullie zien mijn dank zou er groot zijn als jullie mij daar mee kunnen helpen

Vriendelijk Groeten Mark

P.S ik hoop niet dat het een al tegroot zootje is geworden
posted: 13-08-07 22:17  
Supergans
Rconner
Nee ik heb geen flauw idee. ( Hij vroeg het op msn, maar is nu offline )

Te audire no possum. Musa sapientum fixa est in aure.
posted: 13-08-07 22:50  
GreyFox
System Administrator
Moet het per se clientside? (Heb je geen php oid ter beschikking?)

In javascript kun je iig dit doen:

code:
document.write('<img src="'+theImages[whichImage]+'" width="100px" height="100px">');

en dan die 100px vervangen door wat je wilt.

Eventueel kun je dat natuurlijk opslaan in een array oid, zodat het per plaatje verschillend is, maar dat hoeft meestal niet, aangezien je container een vaste maat heeft. Dus ik vermoed dat je dat niet wil.
posted: 14-08-07 04:47edited: 14-08-2007 04:48, by GreyFox  
Cobra
Member
Hey GreyFox ik ben daar mee bezig geweest en nu heb ik dus de plaatjes verkleint maar zoals je nu kunt zien link staat het plaatje er nog niet mooi in hoe krijg ik dat er mooi recht in ???

oja k heb geen php terbeschikking, en sorry voor de wat late reactie

Groeten Mark
posted: 15-08-07 09:38  
GreyFox
System Administrator
fatsoenlijke margin instellen wil helpen.

(moved naar dev board btw.)
posted: 15-08-07 12:57  
Forum - Development - Random Image
locked