Picture size aanpassen

[Stinuz]

Hey hey, ik weergeef op het moment op de volgende, standaard manier een foto:

<img src=picture.jpg>

Maar sommige foto's zijn erg groot (tot een resolutie van 1600x1200) dus ik wil deze graag verkleind weergeven, en dat hij pas zijn originele grote laat zien als je er op klikt (in hetzelfde venster dus!)

Iemand die weet hoe dit kan? Het liefst zonder javascript, maar als het moet...

 

[Rimsic]

<a href="plaatje.jpg"><img src="plaatje.jpg" width="100px" height="200px"></a>

Maar je kan beter de afbeelding die je wilt verkleinen gewoon zelf verkleinen, en dan laten linken naar de grote versie. Dit scheelt veel laad tijd bij je website bezoekers.

Dus dan zo:

<a href="plaatje-groot.jpg"><img src="plaatje-klein.jpg"></a>

 

[Stinuz]

Ik heb al kleinere plaatjes die leiden naar de grotere afbeelding, maar ik wil dus dat die grotere afbeelding verkleind wordt weergeven. Jou manier kán opzich wel maar dit geeft heel rare resultaten bij afbeeldingen met origineel een andere afmeting (uitgerekt etc.)

Dus ik wilde eigenlijk een soort norm stellen op de volgende manier:

-plaatje.jpg is 1600x1200
-op de pagina mag een afbeelding niet groter worden dan 1024x768
-plaatje.jpg wordt gewoon op de normale manier geladen, maar wordt weergegeven als een kleinere afbeelding die in hoogte nooit groter wordt dan 768 en in breedte nooit groter wordt dan 1024. Op deze manier wordt een afbeelding dus wel verkleind, maar de originele verhouding tussen grootte en breedte wordt behouden. En als een gebruiker de afbeelding opslaat, krijgt hij of zij gewoon de 1600x1200 versie.
-zodra er op de afbeelding wordt geklikt wordt hij vergroot naar zijn originele afmeting.

Dus zo simpel als gewoon de hoogte en breedte aangeven wordt het helaas niet

 

[SvU]

Voor zover ik weet kun je in plaats van pixels ook procenten invoeren. Als je het echter goed wilt aanpakken, moet je gebruik gaan maken van PHP of een andere serverside taal, die gewoon je plaatjes automatisch op een bepaalde manier met een bepaalde grootte opslaat, enzo.

 

[Stinuz]

Ja het gaat hier ook om een PHP+MYSQL script, maar het is een HTML vraag dus ik stelde hem hier... heb voor nu maar javascript pop-up windows gebruikt, maar zou het toch graag willen weten als iemand weet hoe dit moet.

 

[SvU]

Kan het niet met procenten dan?

 

[Stinuz]

Nee. Als ik b.v. 50% instell wordt een foto van 1600x1200 redelijk weergeven, maar een foto van 1024x768 veel te klein

 

[SvU]

Als je dan toch met PHP werkt, waarom vul je die procenten dan niet dynamisch in? Zo moeilijk is dat niet. Gewoon met if/else-statements werken en het aantal procent waarmee het plaatje verkleind moet worden af laten hangen van bepaalde groottes. (if waarde >= 1000, 50%, else if waarde >= 500, 80%, etc.)