Random pics javascript - Softwareontwikkeling

maandag 4 augustus 2003 10:10

Acties:

Verwijderd

Topicstarter

Hoi,

Ik ben bezig met een site en daar heb ik een javascript ingebouwd waarbij 4 jpg plaatjes random worden geshowd. Alles werkt alleen wil ik graag die plaatjes in een div verwerken. Hoe pak ik dat aan? Het plaatje roep ik aan met:

<body>
<SCRIPT LANGUAGE="JavaScript">
showImage()
</script>

Ik heb nu deze <div> waar ik het bovenstaande in wil hebben ;-)

<div style="position:absolute; top:100; width:17%; z-index:2; visibility: visible; left: 70%">
<table width="100%" border=0 cellspacing=0 cellpadding=0>
<tr>
<td width="100%" valign="top" align="left"> [img]"hier[/img]
<td>
</tr>
</table>
</div>

Thanks

maandag 4 augustus 2003 10:14

Acties:

supakeen

Wat is de output van showImage() dan? Een url?

maandag 4 augustus 2003 10:14

Acties:

BtM909

Watch out Guys...

1. zet je code om [plain]

HTML:

...

[/] tags.
2. Wat doet functie showImage() ?

3. GEBRUIK GEEN TABEL VOOR OPMAAK

4. geef je img een id mee (<img id="blaat">)
5. Verwijs naar de source met document.getElementById('blaat').src = ''
6. Dit is overigens wel redelijk basic hoor.

[ Voor 17% gewijzigd door BtM909 op 04-08-2003 10:17 ]

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

maandag 4 augustus 2003 10:18

Acties:

Verwijderd

Topicstarter

Dit is het begin script waarin dus de output voor showImage() wordt bepaald. Dit werkt dus perfect maar het staat dan links aan mijn pagina en ik wil het kunnen positioneren dus dacht ik als ik het kan aanroepen van een <DIV>

<SCRIPT LANGUAGE="JavaScript">

var theImages = new Array()
theImages[0] = '../Illustaties/1.jpg'
theImages[1] = '../Illustaties/2.jpg'
theImages[2] = '../Illustaties/3.jpg'
theImages[3] = '../Illustaties/4.jpg'

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]"'+theImages[whichImage]+'">'); } </script[/img]

maandag 4 augustus 2003 10:28

Acties:

crisp

Devver

Pixelated

Je ziet toch wat je script doet? Die schrijft gewoon je img tag; dit moet dus gewoon werken:

HTML:

1
2
3

<div style="position:absolute;top:100px;width:17%;z-index:2;left:70%">
<script type="text/javascript">showImage();</script>
</div>

de tabel is compleet overbodig in dit geval, en document.write is eigenlijk wel een beetje ranzig...

[ Voor 4% gewijzigd door crisp op 04-08-2003 10:28 ]

Intentionally left blank

maandag 4 augustus 2003 10:28

Acties:

Bosmonster

*zucht*

http://www.google.nl/search?q=javascript+tutorial

De ultieme basis van javascript....