Proportional resize images
11 mei 2010 - 17:43   
geplaatst door: Timmy
zo, ja...

Wat ik graag wil is afbeeldingen verschalen
in de browser. Als zijnde een galerij.
De afbeeldingen worden geladen via loops
in wordpress. Een beetje omslachtig, ik weet
het.

Het liefste zie ik het dat de afbeeldingen het
hele scherm vullen. Alleen loop ik dan tegen
het probleem aan dat de klant niet wil dat
zijn foto's worden afgesneden...
Ergens wel begrijpelijk natuurlijk.

Boven en onder zitten nog twee strips
die ieders 75px hoog zijn.

Ik heb wat afbeeldingen om mezelf wat
duidelijker te maken.
- Magenta is de foto (fantaseer deze 16:9)
- Cyaan zijn de twee strips
- geel is de restruimte, waar ik ben ik bang
 genoegen mee moet nemen.

http://timromkes.nl/download/probleem-a.jpg
http://timromkes.nl/download/probleem-b.jpg
http://timromkes.nl/download/probleem-c.jpg


Wie o wie heeft hier een oplossing voor?
Ik heb reeds met javascripten lopen kl*ten
maar dit maakt de hele site bij mij zeer glitchy.

Proportional resize images
12 mei 2010 - 22:23    reactie #1
geplaatst door: Timmy
Niemand?  :cry:

help, ik zit met mn handen in mn haar.
(typ nu met mn neus, knap hé?)

Proportional resize images
12 mei 2010 - 23:21    reactie #2
geplaatst door: G Force
Ik denk zelf dat het niet mogelijk is wat je wilt. Het moet namelijk beeldvullend zijn ongeacht of het een staande of liggende foto is en je wilt geen afsnijdingen. En uiteraard proportioneel verschalen.

Je geeft eigenlijk in je voorbeelden al aan wat het probleem is. Of je moet afsnijden of je moet er een stuk bij verzinnen. Ik neem aan dat de oorsponkelijke foto's ook van formaat verschillen en dan heb je nog het probleem van verschillende resoluties.
Je moet dus een vast kader hebben en daarin laat je de foto zien die gecentreerd is in het kader.

Maar wellicht zie ik iets over het hoofd, maar ik zou gewoon op zoek gaan naar voorbeelden waarmee je zelf blij bent en de klant uiteraard ook. Via google zijn er tal van voorbeelden te vinden.

PowerMac G4 Cube 450 Mhz, 768 MB RAM - iBook G4 14", 1 Ghz, 1.12 GB RAM - iMac 27" i5 2.66 Ghz Quad Core, 4 GB RAM.
iPod 4G, 40GB, iPod Shuffle 2G, 1GB.
"Windows is a legacy OS, We don't have legacy support." - Cameron Esfahani
Proportional resize images
25 mei 2010 - 09:40    reactie #3
geplaatst door: Timmy
Nej het is inderdaad zeer lastig.
Ik heb er reeds een java script voor
geschreven wat mijn problemen
oplost. Naja op het uitvullen na.