Archief - Algoritme : Massa's foto's in een tabel zetten

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

.kw

Legacy Member
Hoe zet je best een map met foto's zo proper, snel en automatisch mogelijk in een HTML-pagina? Gewoon een tabel van twee kolommen en per rij twee foto's (één in elke cel)...

servi

Legacy Member
moderator noot :
je topic bevat geen prefix, een verkeerd prefix of heeft een onduidelijke titel.
Gelieve een duidelijke titel met een bijhorend correct prefix te gebruiken. Voor meer informatie over prefixen kan je terecht op regels en prefixen !!!.
Je topic is aangepast en je hebt een een waarschuwing gekregen, gelieve in het vervolg er op te letten.


Als je een servertaal hebt is dat natuurlijk eenvoudig : je plaatst alle bestanden in 1 mapje en je doorloopt dan alle bestanden van die map en plaatst die in een mooie tabel.


Maar ik neem dat je geen servertaal ter beschikking hebt en dan kan je het met javascript dit effect verwezenlijken.

voorbeeld :
<script language="javascript">
<!--
bestanden = new Array();
bestanden[0] = "foto1.jpg";
bestanden[1] = "foto2.jpg";
bestanden[2] = "foto_nummer_3.png";
...

document.write('<table cellpadding="1" cellspacing="1">');
for ( i = 0; i < bestanden.length; i+=2) {
document.write('<tr>');
document.write(' <td><img alt="foto'+i+'" src="'+bestanden+"' /></td>');
document.write(' <td><img alt="foto'+ (i+1) +'" src="'+bestanden[i+1]+'" /></td>');
document.write('</tr>');
}
document.write('</table>');

// -->

Met dat systeem moet je dus zelf wel nog manueel de namen van de foto's toevoegen.

Obliv`

Legacy Member
www.google.be , arles webpage image creator ofzoiets.

en heel degelijk makkelijk te configureren programma. genereert pure xhtml en css.
Dus geen serverside taal nodig

groeten

Lashknife

Legacy Member
servi zei:
bestanden = new Array();
bestanden[0] = "foto1.jpg";
bestanden[1] = "foto2.jpg";
bestanden[2] = "foto_nummer_3.png";
...
Even erop wijzen dat als je met direct indexing toewijzing werkt (0,1,2,...) dat als je dan eens een foto wilt verwijderen, je heel je ramtamtam kan liggen hernummeren of een check moet inbouwen om te zien of bestanden wel degelijk nog iets is.

Werk gewoon met:
bestanden.push("foto1.jpg");
en dan moet je niet hernummeren.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan