Foto's uit een map halen en weergeven
In het voorbeeld script in dit topic zit wel niet echt veel fout afhandeling. Ik heb betere geschreven maar ik weet niet waar ik die heb gelaten helaas.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Gewijzigd op 03/05/2012 00:59:17 door - Mark -
ik heb dit stukje code.
Quote:
nu worden de foto's goed weer gegeven.
ik wil standaard 5 foto's naast elkaar.
en de foto (groot*.JPG) moet als thumbnail weergegeven worden en via lightbox naar 100% worden weer gegeven.
graag zou ik ook de uitleg willen wat waarvoor staat zodat ik wel echt hier van kan leren en verder uitbreiden.
na veel gepuzzel heb ik het voor elkaar dat ik rijen van 5 heb en alles openend in de lightbox.
alleen zijn mijn thumbnails nu veel te groot!
ik heb deze geprobeerd een vaste waarde te geven maar dan geeft hij geen foto weer.
Quote:
de grote van de thumbnail wordt wel goed weergegeven alleen zonder afbeelding.
moet dit met percentages of zo? en zo ja hoe doe je dit dan?
Gewijzigd op 03/05/2012 21:30:45 door marcel sauer
Code (php)
Dit zijn eigenlijk geen thumbnails he, je laad nog steeds de grote foto ;)
Gewijzigd op 03/05/2012 21:51:07 door gerhard l
de px achter de waarde maakt niks uit bij mij.
klopt het is een verkleining van de grote foto hierbij hoef ik ook geen dubbele bestanden dan op de server te plaatsen en dat scheelt weer ruimte.
is in een functie de px verplicht? buiten de functie heb ik hem namelijk vaker zo gebruikt.
maar goed dus nog steeds hetzelfde resultaat.
Gewijzigd op 03/05/2012 21:57:03 door marcel sauer
src="'.$filename.' width=
src="'.$filename.'" width=
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.
iemand een idee?
Gewijzigd op 05/05/2012 14:14:50 door marcel sauer
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.)
Quote:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<?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 )
{
echo ($teller % $naast_elkaar) == 0 ? '<tr>' : '';
echo '<td>';
// 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>';
?>
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 )
{
echo ($teller % $naast_elkaar) == 0 ? '<tr>' : '';
echo '<td>';
// 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.
suc6!
Gewijzigd op 06/05/2012 13:32:31 door marcel sauer
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.
Gewoon met een float: left; en display: block;