[javascript] changement d'image sur page Web ?

Recherche :

Dernière réponse
Sujet : [javascript] changement d'image sur page Web ?
Requin	BOn alors ca ne change rien Image(); et Image; sont interprêtés de la même manière et la déclaration globale des variables n'a strictement rien changé au problème. Il effectue toujours une requête HTTP à destination du serveur Web... Bon je crois que je ne vais pas me casser la tête plus longtemps, car ca fonctionne bien si il n'y a pas de problèmes réseaux.

Votre réponse

Nom d'utilisateur

Pour poster, vous devez être inscrit sur ce forum .... si ce n'est pas le cas, cliquez ici !

Le ton de votre message

Votre réponse

Smilies

Liste des smilies perso
Wiki smilies
Chercher un smiley

Options

Activer votre signature
Désactiver les smilies
Activer la notification par email du sujet

Aperçu

Vous avez perdu votre mot de passe ?

Vue Rapide de la discussion

Requin

BOn alors ca ne change rien Image(); et Image; sont interprêtés de la même manière et la déclaration globale des variables n'a strictement rien changé au problème. Il effectue toujours une requête HTTP à destination du serveur Web...

Bon je crois que je ne vais pas me casser la tête plus longtemps, car ca fonctionne bien si il n'y a pas de problèmes réseaux.

Requin

J'avoue ne pa avoir essayé (honte à moi)... d'ailleur je me demande comment il accepte d'utiliser des objets qui ont un scope local de manière globale (dans un monde parfait il aurait du m'envoyer pêter depuis un moment :)

Bon je vais déjà déclarer mes objets globalement, ca risque d'aider :o)

Je te tiens au courant ;)

youdontcare

ok. je précise car un truc genre new Image/new Image() me faisait des bugs sous un certain compilo c++. bref ... :D

pour voir les requêtes web, j'ai un proxy (gratos en plus, www.naviscope.com ). et il ne fait absolument aucune requête lors du flip de l'image.

c'est pourquoi je te demandais si tu n'as pas une page d'exemple online ... on sinon, tu colles le code ici.

//

ok. je vois peut-être pourquoi. je charge mes images dans le scope global, c'est à dire entre deux <script> et </script>.

tu le fais dans une fonction, sans déclarer img1 et img2 en global dans ton code d'exemple.

t'as essayé

var img1;
var img2;

function loadImage()
{
img1 = new Image();
img1.src = '....';
}

:??:

Requin

youdontcare a écrit a écrit :

c'est bizarre parce que j'ai quasiment le même code (new Image; au lieu de new Image();) et je n'ai pas ce problème ... tu as une page online qq part qui duplique le problème ? ou un copié collé sous la main ?

Ca ne change rien... entre

Code :

new Image();

Code :

new Image;

c'est du pareil au même.

La question est surtout : quand tu passe au dessus de ton image, est-ce que ton navigateur effectue une requête http vers ton serveur Web (tu peux le voir en observant ton modem, en observant les icônes de connexion réseau dans la barre des tâches (windows 2000) ou encore en sniffant les paquets réseaux.

En fait ce que je souhaiterai c'est de :
1) (pré)charger l'image en mémoire
2) utiliser mes images chargées en mémoire

C'est très con, mais le browser effectue à chaque fois une requête vers le serveur Web.

youdontcare

c'est bizarre parce que j'ai quasiment le même code (new Image; au lieu de new Image();) et je n'ai pas ce problème ... tu as une page online qq part qui duplique le problème ? ou un copié collé sous la main ?

Requin

Moi qui était tout content d'avoir une réponse ! :) :crazy:

fifiz

UP!!

fifiz

Effectivement j'ai le meme probleme : comment empecher le navigateur d'aller chercher une nouvelle version à chaque fois ?

Requin

Actuellement j'utilise un code de ce genre (en supposant une image qui s'appelle "onpage" sur mon document):

Code :

<script>
function LoadImages() {
img1 = new Image();
img2 = new Image();
img1.src = 'monimage1.gif';
img2.src = 'monimage2.gif';
}
LoadImages();
function ChangeImage(state) {
if (state == 'on') {
document ['onpage'].src = img1.src;
} else {
document ['onpage'].src = img2.src;
}
}

Le problème que j'ai avec cette méthode c'est que à chaque changement d'image il effectue une requête HTTP pour verifier si il existe une version plus récente du fichier.

En supposant une connexion merdique le changement d'image ne se fait pas immédiatement et même il peut arriver que l'image ne soit pas affichée du tout en cas de perte de paquets.

Donc la question est : quelle méthode utilisez-vous pour changer d'image sur une page Web ?