Préchargement complet image avant son affichage
bonjour,
je vous expose mon petit problème....
je suis débutant en javascript et je cherche à précharger une image
avant de l'afficher dans le navigateur.
pour vous situer, la résolution de l'image en question est de 7330 x
900 (pixels) l'image pèse environ 2 Mo.
j'ai fait quelques recherches sur internet mais je n'arrive pas à
trouver qq chose collant complètement à mon besoin
voici le problème :
la page dans laquelle je veux faire ce preload est une page PHP.
- ce php va générer une image unique à chaque visite de 7330 x 900
pixels. (et unique à chaque rechargement de page).
- puis le php va afficher l'image de manière classique --> en faisant
un echo ".....img src= ..
mon problème est le suivant :
je voudrais que cette image ne soit visible que lorsqu'elle est
complètement chargée par le browser de façon à la voir quasi
instantanément apparaitre ( je précise quasi car avec une taille comme
ça, windows, la carte graphique, .... vont entrer en jeu).
et de plus si je rafraichit la page je voudrais que la nouvelle image
généree remplace la précédente de manière instantanée également.
je n'ai pas de contrainte de langage (javascript ou autre
chose ....), dans cette page .php, j'ai déjà du php et du javascript.
si vous avez des idées je suis preneur.....
|