Plaatjes net zoals Explorer Preview

[Erhnam]

Ik ben bezig met een online catalogus maar echt lekker komt het er niet uit te zien. Een aantal producten worden geladen en komen (on)overzichtelijk onder elkaar. Het resultaat komt er als volgt uit te zien:



Wat mij opvalt als ik de plaatjes onder de Windows Explorer bekijk zien ze er zeer goed uit! Netjes allemaal de zelfde size en overzichtelijk naast elkaar gepresenteerd.

Zie hier:



Deze code gebruik ik nu voor de plaatjes:

code:

[img]'<%#[/img]' runat="server"/>

De plaatjes heb ik nu een vaste waarde gegeven van 50 breed. Ik heb hier al wat mee zitten te spelen maar echt mooi krijg ik ze niet.. ook niet een vaste hoogte. Heeft iemand een suggestie, hoe je de plaatjes net zo krijgt als zoals Windows ze rendert?

[ Voor 15% gewijzigd door Erhnam op 05-06-2003 12:37 ]

[DUX]

Met PHP zou je het formaat van elk plaatje kunnen controleren, en dan dat hij code genereert dat hij de grootste afstand (dus OF de lengte OF de breedte) automatisch op 50px zet.

Maar je zou natuurlijk ook alle plaatje zelf even kunnen resizen in een fotobewerkingsprogramma, wat waarschijnlijk een veel mooier effect geeft.

[Willem]

De plaatjes in een div zetten met vaste breedte en hoogte, net zo'n schreeuwend lijntje er omheen, en netjes naast elkaar positioneren...

[BtM909]

Volgens mij is het niet alleen de breedte die vastgezet wordt:

Je moet het als volgt opbouwen:
1. een divje die een vaste hoogte en breedte heeft.

2. Zorg dat de hoogte maximaal 50px is en verklein het plaatje met 'constrain proportions' aan. (ik kan ff geen nederlandse omschrijving ervoor bedenken).

[ Voor 13% gewijzigd door BtM909 op 05-06-2003 12:45 ]

[koffercomputer]

BtM909 schreef op 05 June 2003 @ 12:45:
verklein het plaatje met 'constrain proportions' aan. (ik kan ff geen nederlandse omschrijving ervoor bedenken).

Vrij vertaald: Handhaaf verhoudingen

[ Voor 3% gewijzigd door koffercomputer op 05-06-2003 12:49 ]

[Erhnam]

Ik heb het ongeveer op de volgende manier opgelost:

Alle foto's met acdsee geresized waarbij hij moest letten op max 100 breed of 100 hoog. Zo krijg ik dus plaatjes die soms 100 hoog zijn en 60 breed of andersom. Deze heb ik in een table geplaatst (centered) die 100x100 is, met een zwarte rand met daaronder de naam van het product.

Ik ben nog even aan het kijken voor een oplossing als ik eventueel nieuwe producten toevoeg want die zijn dan dus niet 100 max.. Maar hier vind ik nog wel wat op!

Bedankt voor zo ver!!!!!

[SchizoDuckie]

Je komt met PHP + GD een heel eind. Daarmee kan je nette thumbnails maken namelijk

check bijv. eens [spam]