Is het mogelijk met een redelijk simpel php script om foto's uit een bepaalde map automatisch weer te geven op een pagina, en gelijk de java lightbox e.d. eraan te linken? Dus dat je alleen de foto's in een map zet je op website, en dat de webpagina de foto's uit die map haalt en ze gelijk weergeeft zonder dat je stuk voor stuk de foto's moet aanroepen.
alleen is nu de vraag
als ik er een staande foto tussen heb kan hij deze dan ook automatische width en height aanpassen? voor liggend is dit nu width="112px" height="150px".
voor staand zal dit dan bv width="150px" height="112px" moeten zijn.
heb het wel al geprobeerd met width="50%" maar dan zet hij de afbeeldingen ver uit elkaar en dit is niet de bedoeling.
met 150 px zet hij de afbeeldingen wel op de goeie positie.
Ok voor de gene die er nog niet achter zijn.
ik heb het inmiddels draaien alleen de liggende foto's worden kleiner weer gegeven omdat dit in verhouding moet zijn.
percentages is me niet gelukt.
hier de code voor wie het ook graag zo wilt. (je hebt maar 1 foto op je server nodig voor thumbnail en de grote foto.)
<?php
ini_set('display_errors', 1); // 0 = uit, 1 = aan
error_reporting(E_ALL);
$teller = 0;
// Verander het getal hieronder in het aantal kolommen
// dat je naast elkaar wilt hebben.
$naast_elkaar = 5;
echo '<table>';
// Hieronder de while() even aanpassen naar jouw while()
// waar je de gegevens uit wilt halen. Je kunt er uiteraard
// ook een for() of een foreach() van maken.
foreach (glob("DE LOCATIE OP JE SERVER/*.JPG") as $filename )
// Hier zet je een echo met de gegevens die je
// wilt weergeven in het tabelvak.
echo '<a href="'.$filename.'" rel="lightbox[roadtrip]">
<img src="'.$filename.'" width="112"></a>';
echo '</td>';
$teller++;
echo ($teller % $naast_elkaar) == 0 ? '</tr>' : '';
}
echo ($teller % $naast_elkaar) != 0 ? '</tr>' : '';
echo '</table>';
?>
plak dit in je body en pas de juiste map locatie aan. (DE LOCATIE OP JE SERVER)
voor de maat van je thumbnail image kan je de width aanpassen.
plaats geen height want dan maakt hij geen onderscheid tussen staand of liggende foto's.
zorg wel dat je al je foto's zo weinig mogelijk mb's houd anders vertraagd dit heel erg.
Waarom niet html/css het aantal naast elkaar laten bepalen?
Dus op een maximale breedte 50 naast elkaar (19% width oid).
En zodra het scherm/venster smaller wordt, schuiven ze 4 naast elkaar.
Nog smaller 3.. .tot alles onder elkaar.
Dat werkt voor mobieltjes ook goed.
