[script] Préchargement d'image et AJAX

[biscuit]

Salut toutes et tous,

J'ai un petit problème (edit: résolu) avec un préchargement d'image. Le script ci-dessous fontionne très bien si je l'appelle directement... mais pas du tout si il est appelé depuis une autre page via une requête AJAX. Quelqu'un a une petite idée? Merci

-edit: suppression du code qui ne fonctionnait pas... celui qui fonctionne est plus bas et édition du titre

 

[biscuit]

Bon ben j'ai trouvé... j'ai pas la moindre idée de ce que j'ai fait à force de changer un petit truc par ci par là... mais c'est bon.

Le script complet permet d'ouvrir une fausse popup en div (en appliquant un alpha à l'arrière plan) et d'y charger un contenu en ajax, en l'occurence une image avec un petit gif en attendant le chargement complet de l'image. Démo ici **** (l'image fait près de 2Mo si jamais)

Pour ceux que ça intéresse, Je met le code au propre (parce que là c'est très brouillon) et vous donne le code ce soir...

-edit: modification de l'url de démo

 

[Seraph]

Pour ceux que ça intéresse, Je met le code au propre (parce que là c'est très brouillon) et vous donne le code ce soir...

Ce serait cool !!
Merci !

 

[arnaudmn]

Il me semble qu'il y a plus simple.
Si on fait simplement ça :

<img id="monimage" src="l_image_d_attente">
<script>
document.getElementById("monimage").src = "la_grosse_image_a_afficher";
</script>

on as bien une image d'attente (celle qui s'appele "l_image_d_attente.gif"), et quelques secondes plus tard, la grosse image apparait à la place.
C'est (a peu prêt) ce que j'utilise sur mon annuaire pour afficher les ascreen des sites qui sont un peu lent.

 

[biscuit]

A tester... mais à priori je dirai que dès que l'image est trouvée, l'image d'attente est supprimée et remplacée par la grosse image alors que celle-ci n'est pas entiérement chargée (tes ascreen font quelques ko, c'est la connexion qui est lente)

 

[arnaudmn]

A tester... mais à priori je dirai que dès que l'image est trouvée, l'image d'attente est supprimée et remplacée par la grosse image alors que celle-ci n'est pas entiérement chargée (tes ascreen font quelques ko, c'est la connexion qui est lente)

Ben ..... joker En effet, faudrait qu'un volontaire test. Je te déclare volontaire ! 8)

 

[ZelkiN]

ca me parait pas mal aussi, je vote pour que biscuit soit volontaire ^^

 

[arnaudmn]

A tester... mais à priori je dirai que dès que l'image est trouvée, l'image d'attente est supprimée et remplacée par la grosse image alors que celle-ci n'est pas entiérement chargée (tes ascreen font quelques ko, c'est la connexion qui est lente)

En effet. On voit l'image s'afficher petit a petit.

 

[biscuit]

C'est ce que je pensais, mais c'est bon d'être sûr... merci d'avoir fait le teste arnaudmn... (j'l'aurai fait sous la pression :wink: )

Comme promis je vous donne le code...
Démo ici: ****(videz le cache si vous y êtes déjà allé)
Script téléchargeable ici : ****(1400 Ko)

J'ai testé sur IE7 et FF2 ... si il y a des problèmes ailleurs merci de me le dire...

Fichier ajax_popup.html

****

fichier image.html

****

 

[mahefarivony]

je veux bien mais pourquoi qu'il a été supprimé le code ?