Foto Verkleinen

Hallo,

Ik zit met het probleem dat ik een lightbox heb voor fotos.
Echter zijn sommige fotos groter dan een gemiddeld scherm.
Dit zorgt ervoor dat de lightbox crasht, omdat deze hier niet op gebouwd is.
Nu wil ik een script dat, tijdens het uploaden, de foto verkleint.
Ik weet 100% zeker dat dit mogelijk is, weet alleen niet hoe...
Heb al via google wat scripts uitgeprobeert, maar deze werken allemaal niet, dus kan iemand me helpen?

http://www.sitemasters.be/scripts/1/11/1580/PHP/GD_Image_resize_functie

Heb je daar wat aan?

Zal het vanmiddag eens proberen!

Waarom zoek je geen lightbox die er wel met kan werken? Volgens mij lijkt me dat een betere optie?

Alemaalte schreef:

Waarom zoek je geen lightbox die er wel met kan werken? Volgens mij lijkt me dat een betere optie?

Omdat het dan nog steeds lelijk is.
Je moet dan gaan scrollen/uitzoemen om de foto goed te bekijken, wat niet de bedoeling is.
Het gaat hier om fotos van 1000px, dus dat is niet echt mooi...

Dan zorg je ervoor dat de lightbox hem gewoon kleiner laat zien dan hij is.

<img src="img-url" heigth="100px" width="100px" />

Wiitse schreef:

Dan zorg je ervoor dat de lightbox hem gewoon kleiner laat zien dan hij is.

<img src="img-url" heigth="100px" width="100px" />

dat is toch hartstikke lelijk!
je moet wel de verhouding van de foto in tact laten, dus een foto van 1200x600 wordt dan bv 600x300, als je die 300x300 maakt dan rekt die in de hoogte uit en dan vervormt alles

Marjolein schreef:

Eerdere citaten tonen

Wiitse schreef:

Dan zorg je ervoor dat de lightbox hem gewoon kleiner laat zien dan hij is.

<img src="img-url" heigth="100px" width="100px" />

dat is toch hartstikke lelijk!
je moet wel de verhouding van de foto in tact laten, dus een foto van 1200x600 wordt dan bv 600x300, als je die 300x300 maakt dan rekt die in de hoogte uit en dan vervormt alles
Owja, dat was ik even vergeten.

Helaas werkt de hierbovengenoemde manier niet, deze heb ik al geprobeert met max-height en width.
Dus moet het via verkleine van de foto

[COLOR= #0000BB]<?php[/COLOR]
[COLOR= #007700]function[/COLOR] resizeImage[COLOR= #007700]([/COLOR][COLOR= #0000BB]$originalImage[/COLOR][COLOR= #007700],[/COLOR][COLOR= #0000BB]$toWidth[/COLOR][COLOR= #007700],[/COLOR][COLOR= #0000BB]$toHeight[/COLOR][COLOR= #007700]){[/COLOR]
    
    [COLOR= #FF8000]// Get the original geometry and calculate scales[/COLOR]
    [URL="http://www.php.net/list"]list[/URL][COLOR= #007700]([/COLOR][COLOR= #0000BB]$width[/COLOR][COLOR= #007700],[/COLOR] [COLOR= #0000BB]$height[/COLOR][COLOR= #007700]) =[/COLOR] [URL="http://www.php.net/getimagesize"]getimagesize[/URL][COLOR= #007700]([/COLOR][COLOR= #0000BB]$originalImage[/COLOR][COLOR= #007700]);[/COLOR]
    [COLOR= #0000BB]$xscale[/COLOR][COLOR= #007700]=[/COLOR][COLOR= #0000BB]$width[/COLOR]/[COLOR= #0000BB]$toWidth[/COLOR][COLOR= #007700];[/COLOR]
    [COLOR= #0000BB]$yscale[/COLOR][COLOR= #007700]=[/COLOR][COLOR= #0000BB]$height[/COLOR]/[COLOR= #0000BB]$toHeight[/COLOR][COLOR= #007700];[/COLOR]
    
    [COLOR= #FF8000]// Recalculate new size with default ratio[/COLOR]
    [URL="http://www.php.net/if"]if[/URL] [COLOR= #007700]([/COLOR][COLOR= #0000BB]$yscale[/COLOR][COLOR= #007700]>[/COLOR][COLOR= #0000BB]$xscale[/COLOR][COLOR= #007700]){[/COLOR]
        [COLOR= #0000BB]$new_width[/COLOR] [COLOR= #007700]=[/COLOR] [URL="http://www.php.net/round"]round[/URL][COLOR= #007700]([/COLOR][COLOR= #0000BB]$width[/COLOR] [COLOR= #007700]* ([/COLOR][COLOR= #0000BB]1[/COLOR]/[COLOR= #0000BB]$yscale[/COLOR][COLOR= #007700]));[/COLOR]
        [COLOR= #0000BB]$new_height[/COLOR] [COLOR= #007700]=[/COLOR] [URL="http://www.php.net/round"]round[/URL][COLOR= #007700]([/COLOR][COLOR= #0000BB]$height[/COLOR] [COLOR= #007700]* ([/COLOR][COLOR= #0000BB]1[/COLOR]/[COLOR= #0000BB]$yscale[/COLOR][COLOR= #007700]));
    }[/COLOR]
    [URL="http://www.php.net/else"]else[/URL] [COLOR= #007700]{[/COLOR]
        [COLOR= #0000BB]$new_width[/COLOR] [COLOR= #007700]=[/COLOR] [URL="http://www.php.net/round"]round[/URL][COLOR= #007700]([/COLOR][COLOR= #0000BB]$width[/COLOR] [COLOR= #007700]* ([/COLOR][COLOR= #0000BB]1[/COLOR]/[COLOR= #0000BB]$xscale[/COLOR][COLOR= #007700]));[/COLOR]
        [COLOR= #0000BB]$new_height[/COLOR] [COLOR= #007700]=[/COLOR] [URL="http://www.php.net/round"]round[/URL][COLOR= #007700]([/COLOR][COLOR= #0000BB]$height[/COLOR] [COLOR= #007700]* ([/COLOR][COLOR= #0000BB]1[/COLOR]/[COLOR= #0000BB]$xscale[/COLOR][COLOR= #007700]));
    }[/COLOR]

    [COLOR= #FF8000]// Resize the original image[/COLOR]
    [COLOR= #0000BB]$imageResized[/COLOR] [COLOR= #007700]=[/COLOR] imagecreatetruecolor[COLOR= #007700]([/COLOR][COLOR= #0000BB]$new_width[/COLOR][COLOR= #007700],[/COLOR] [COLOR= #0000BB]$new_height[/COLOR][COLOR= #007700]);[/COLOR]
    [COLOR= #0000BB]$imageTmp[/COLOR]     [COLOR= #007700]=[/COLOR] imagecreatefromjpeg [COLOR= #007700]([/COLOR][COLOR= #0000BB]$originalImage[/COLOR][COLOR= #007700]);[/COLOR]
    imagecopyresampled[COLOR= #007700]([/COLOR][COLOR= #0000BB]$imageResized[/COLOR][COLOR= #007700],[/COLOR] [COLOR= #0000BB]$imageTmp[/COLOR][COLOR= #007700],[/COLOR] [COLOR= #0000BB]0[/COLOR][COLOR= #007700],[/COLOR] [COLOR= #0000BB]0[/COLOR][COLOR= #007700],[/COLOR] [COLOR= #0000BB]0[/COLOR][COLOR= #007700],[/COLOR] [COLOR= #0000BB]0[/COLOR][COLOR= #007700],[/COLOR] [COLOR= #0000BB]$new_width[/COLOR][COLOR= #007700],[/COLOR] [COLOR= #0000BB]$new_height[/COLOR][COLOR= #007700],[/COLOR] [COLOR= #0000BB]$width[/COLOR][COLOR= #007700],[/COLOR] [COLOR= #0000BB]$height[/COLOR][COLOR= #007700]);[/COLOR]

    [URL="http://www.php.net/return"]return[/URL] [COLOR= #0000BB]$imageResized[/COLOR][COLOR= #007700];
}[/COLOR]
?>

Werkt dat?

Dit kan toch ook ?

echo <IMG SRC=".$row[afbeelding]." ALT="afbeelding" WIDTH="150" HEIGHT="150">;

Dan zijn alle plaatjes 150 bij 150

Propje schreef:

Dit kan toch ook ?

echo <IMG SRC=".$row[afbeelding]." ALT="afbeelding" WIDTH="150" HEIGHT="150">;

Dan zijn alle plaatjes 150 bij 150

Dat zei wiitse ook al en lees dan mijn commentaar erop!