IMG aanpassen naar resolutie
Nu kan je wel via javascript de resolutie (browser) opvragen en doorsturen naar een bepaalde site maar het lijkt mij mooier en leuker als je het plaatje aan kan passen naar de resolutie van de bezoeker.
Bijvoorbeeld ik heb een resolutie van 1024 dan moet img.jpg 1020px breed worden
Heb ik een resolutie van 1440 dan blaast die het plaatje op naar 1440px omdat het origineel plaatje zeg 5000px is krijgt het plaatje geen blurry effect.
Kan dit? En hoe
Gewijzigd op 14/01/2011 10:09:18 door Tim Fendt
Met javascript kan je wel de resolutie van je scherm detecteren en met Ajax naar de server sturen.
Het probleem is: eerst zal de pagina helemaal worden geladen en pas, met een vertraging, kan je de background aanpassen.
Is dat een probleem?
We gaan iets anders verzinnen.
Je hoeft het maar eenmalig te doen. Als je de gegevens hebt dan kun je ze in bijvoorbeeld een session opslaan zodat je het de volgende keer niet meer hoeft te controleren. Je hebt dan ook geen vertraging meer, alleen de eerste keer.
Of zelfs in een cookie, dan kan de client die informatie zelf bijhouden
Je wilt dus 1 grote afbeelding als basis gebruiken. Bedenk wel dat dit enige laadtijd kan vragen, ondanks de steeds sneller wordende internetverbindingen.
Wanneer de pagina geladen is, kan je de afbeelding eerst voorladen en dan vervangen (javascript).
Dan laadt de pagina veel vlugger en heeft de gebruiker minder last van het laden van de grote afbeelding.
Of dat nu allemaal een goed idee is ... ik weet het niet.
Gewijzigd op 14/01/2011 14:50:09 door Kris Peeters