Via PHP wordt er een afbeelding gegenereerd voor als background in een DIV van vaste grootte. Deze background moet na het laden nog aangepast kunnen worden.
Dit gebeurt dmv:
Dit werkt naar behoren.
Het probleem doet zich voor als de gebruiker de window gaat resizen. Op dat moment gaat de client een x aantal keer de afbeelding reloaden. Op zich is dat geen echt probleem, ware het niet dat het genereren van de afbeelding gemiddeld wel 1 sec duurt... Dus vroeg ik me af om het te laten cachen, maar hoe?
Heb al via variabele = new Image() (soort preload) geprobeerd, maar de style property backgroundImage accepteert alleen 'url(<urlstring>)'.
Let wel op het feit dat de pagina in een iFrame zit die via het onResize event van de parent ook geresized wordt dmv t volgende script in de parent:
Dit gebeurt dmv:
JavaScript:
1
| document.getElementById('background').style.backgroundImage = 'url(<?=$source?>)' // $source is t phpscript |
Dit werkt naar behoren.
Het probleem doet zich voor als de gebruiker de window gaat resizen. Op dat moment gaat de client een x aantal keer de afbeelding reloaden. Op zich is dat geen echt probleem, ware het niet dat het genereren van de afbeelding gemiddeld wel 1 sec duurt... Dus vroeg ik me af om het te laten cachen, maar hoe?
Heb al via variabele = new Image() (soort preload) geprobeerd, maar de style property backgroundImage accepteert alleen 'url(<urlstring>)'.
Let wel op het feit dat de pagina in een iFrame zit die via het onResize event van de parent ook geresized wordt dmv t volgende script in de parent:
JavaScript:
1
2
3
4
5
6
| function IFRAME_size_to_content(iframe_id){ var oIframe = document.getElementById(iframe_id); var height; height = document.body.offsetHeight; oIframe.height = height-48; } |