Foto herhalen op de website

[Wigi]

Dag allen

Met Excel kan ik wel goed overweg, maar ben begonnen met mijn eigen homepage en dat lukt minder goed. Ik maak een gewone site in HTML met Dreamweaver 2004.

Wat ik graag zou willen doen, is een foto n keer naast mekaar plaatsen. n is minimum 1 en maximum 10. Ik vermoed dat dit met een Javascript functie zal moeten gebeuren, met n als argument in de functie. Maar verder...

Als er iemand raad weet, graag!

Bedankt alvast

Wigi

 

[hamet]

Ik begrijp niet helemaal hoe het eruit moet komen te zien.
Wil je een afbeelding een "random" aantal keer naast elkaar laten zetten (tussen 1 en 10) ?
Dus dat elke keer als de pagina laadt, dat er een ander aantal afbeelingen te zien is?

 

[Wigi]

Hallo

bedankt alvast.

Voor dat de pagina geladen wordt in de browser is bekend hoeveel keer de foto naast mekaar gezet moet worden. Ik heb een Excel macro die een tabel met getallen omzet naar de tabel met HTML tags. En een kolom in die tabel, met waarden tussen 1 en 10, krijgt in de laatste kolom het overeenkomstige aantal foto's.

Bv. de code genereert dit, maar op de plaats van de spaties zouden dan het juiste aantal foto's moeten komen. Van boven naar onder: 5, 7, 2.

<table>
  <tr>
	<td>Jef</td>
	<td>5</td>
	<td>&nbsp;</td>
  </tr>
  <tr>
    <td>Patrick</td>
    <td>7</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>Marcel</td>
    <td>2</td>
    <td>&nbsp;</td>
  </tr>
</table>

Wigi

 

[hamet]

Aha, nou dat wordt zeker scripten. Ik zou zo niet weten hoe je dat zou moeten doen, maar ik denk wel adt het mogelijk is. Misschien dat iemand met kennis van javascript/vbs of wat dan ook hier wat meer mee kan. Ik hoop dat het gaat lukken.

 

[Wigi]

OK. Iemand anders misschien?

 

[JeroenE]

Hiermee moet het lukken :

<script language="javascript">
<!--
for (var n = 0; n < 10 ; n++) {
document.write("<img src='mijnafbeelding.jpg'>");
};
-->
</script>

Plaats dit script gewoon op de plaats waar die afbeeldingen moeten komen.

Voorbeeld

Greetz : Jeren.

 

[Wigi]

Bedankt Jeroen

ik heb het doorgenomen en ik zit nog met 2 dingen:

- het probleem is simpeler aangezien er maar 1 afbeelding is en niet 26 (OK, ik kan die code wel deleten)

- maar het probleem is moeilijker aangezien die n moet gehaald worden uit de cel links van de huidige cel met de afbeeldingen. Dus op een rij staat er 7 en dan de cel ernaast moet er 7 keer de afbeelding komen. Volgende rij staat er 5 en dan de cel daarnaast moet er 5 keer weer dezelfde afbeelding komen. Dan 2 daaronder. De n moet dus uit de cel links ervan genomen worden.

Kan de code aangepast worden om dat voor mekaar te krijgen?

Groeten vanuit Lier

Wigi

 

[JeroenE]

Je kon de code eigenlijk hierboven kopieren, maar ik zorg dat het lukt zoals je wilt.
Zijn het verschillende afbeeldingen bij de cel met de 5 tegenover de cel met de 7?

Greetz : Jeren.

 

[Wigi]

Neen, telkens hetzelfde bestand.

Het zit in bijlage.

Bedankt Jeroen, in HTML/Javascript vlak ben ik niet echt goed

 

[JeroenE]

Zet het volgende in de head van je document :

<script language="javascript">
<!--
function repeatPic(num) {
for (var n = 0; n < num; n++) {
document.write("<img src='jouwmap/jouwfoto0.gif' alt='Deze afbeelding staat hiervoor al " + n + " keer'>");
};
};
-->
</script>

Verander "jouwmap/jouwfoto0.gif" door jouw afbeelding.

En zet dit in de cel waarbij je de "num" verandert in het gewenste aantal :

<script language="javascript">
<!--
repeatPic(num);
-->
</script>

Gebruik het deel voor in de cellen zoveel keer je wilt op dezelfde pagina.

Voorbeeld

Greetz : Jeren.

 

[Wigi]

Bijna... en wat je gemaakt hebt werkt al heel goed.

Maar!

Je brengt die 7, 8, 5, 2 enz. zelf in. Het is de bedoeling dat die ineens genomen wordt. Anders moet ik dat manueel doen en wordt dat heel veel werk.

Dus het getal komt al voor in de cel ernaast, maar ik wil die getallen niet allemaal terug overtypen als argument in de functie.

Snap je?

Wigi

 

[JeroenE]

Dat wordt dan veel werk denk ik.
Ik ben ook maar een kleine scripter.

Greetz : Jeren.

 

[Wigi]

Geen probleem Jeroen. Als relatieve leek had ik er geen idee van.

Als er iemand anders wil proberen, ga je gang...

Misschien door een tekstvak te gebruiken en op hidden te zetten?

Wigi

 

[kogi]

Een mogelijke oplossing uit het vuistje zou kunnen zijn:

- Maak op je pagina een formulier
- zet in je formulier een aantal verborgen tekstvelden, met de juiste waarden hoeveel keer je je beeleke wil herhalen
- maak een for-lus:
for (i=0;i<frmName.txtVerborgentekstveld1.value;i++) {
document.write(<img src="..." andere attributen>);
}

Een handige optie zou de volgende zijn: maak een functie waarin je de naam van het tekstveld en het pad naar het beeleke meegeeft. Ik baal van gekopieerde code

 

[Wigi]

Bedankt. Ik ga wat in mekaar proberen knutselen.