comment passer une image au code

**tyranosaure** · 09/02/2007, 15h42

bonjour, j'ai le problème suivant... (je débute en javascript et dans ce forum

Je veux récupérer une image radar de météo-france avec la fonction suivante pour l'afficher dans la page en cours :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<SCRIPT language="JavaScript" type="text/javascript">
<!--
today = new Date;
var image = new Array(1); 
 
function init(){
var imageaffichee = new Image();
      if (today.getHours()>0 && today.getHours()<=6) imageaffichee.src="http://www.meteo.fr/temps/europe/satellite/bigsateuj_00.jpg";
      if (today.getHours()>6 && today.getHours()<=12) imageaffichee.src="http://www.meteo.fr/temps/europe/satellite/bigsateuj_06.jpg";
      if (today.getHours()>12 && today.getHours()<=18) imageaffichee.src="http://www.meteo.fr/temps/europe/satellite/bigsateuj_12.jpg";
      if (today.getHours()>18 && today.getHours()<=24) imageaffichee.src="http://www.meteo.fr/temps/europe/satellite/bigsateuj_18.jpg";    
 
    image[0]=new Image();
    image[0].src=imageaffichee.src         
    //document.write(image[0].src)
    }
//-->
</SCRIPT>
  </HEAD>

Jusque là tout fonctionne bien, l'adresse est récupérée...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
  <BODY>
<SCRIPT>
init();
</SCRIPT>

ce qui suit ne fonctionne pas !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 <IMG src="image[0].src">
  </BODY>
</HTML>

ma question est donc : comment transmettre le résultat de la fonction à la balise IMG ? A défaut comment afficher directement l'image avec la fonction init() (quelle ligne de code rajouter ?)
Merci d'avance !

**SpaceFrog** · 09/02/2007, 16h01

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<script type='text/javascript'>
var imag = new Image()
imag.src='lungs.gif'
</script>
</head>
 
<body>
<img src="" />
<script type='text/javascript'>
document.images[0].src=imag.src
</script>

**tyranosaure** · 09/02/2007, 22h03

la partie sous <body> fonctionne bien...merci.
Mais dans la partie avant </head> je suis obligé de préciser explicitement ma valeur de imag.src or je voudrais récupérer le résultat de la fonction init().
C'est là que je ne comprends pas comment faire...

**tyranosaure** · 09/02/2007, 22h15

j'me réponds !

en fait j'ai supprimé la fonction init()
Cela donne alors simplement
<SCRIPT language="JavaScript" type="text/javascript">
<!--
today = new Date;
var image = new Array(1);
var imageaffichee = new Image();
var imag = new Image()

if (today.getHours()>0 && today.getHours()<=6) imageaffichee.src="http://www.meteo.fr/temps/europe/satellite/bigsateuj_00.jpg";
if (today.getHours()>6 && today.getHours()<=12) imageaffichee.src="http://www.meteo.fr/temps/europe/satellite/bigsateuj_06.jpg";
if (today.getHours()>12 && today.getHours()<=18) imageaffichee.src="http://www.meteo.fr/temps/europe/satellite/bigsateuj_12.jpg";
if (today.getHours()>18 && today.getHours()<=24) imageaffichee.src="http://www.meteo.fr/temps/europe/satellite/bigsateuj_18.jpg";

imag.src=imageaffichee.src
</script>

</HEAD>
et ça semble fonctionner

**tyranosaure** · 10/02/2007, 16h40

il me reste quand même une petite question, apparue depuis.
En faisant ce qui est décrit plus haut, j'obtiens bien l'image recherchée dans la page, mais le problème c'est que si j'arrive à la placer après du texte, genre présentation de l'image, origine etc... dès que je place une autre image avant ça ne fonctionne plus correctement car celle-ci prend sa place au moment de l'ouverture de la page.
On peut rajouter quelque chose pour éviter cela ?
Merci !

**tyranosaure** · 10/02/2007, 16h50

en fait il y a quand même un petit problème restant...
J'arrive à passer l'image obtenue à l'aide du script et à la positionner sur la page, placer du texte avant etc...
Mais si j'essaie de placer une image avant celle-ci est remplacée par celle que renvoie le script. Peut-on corriger cela ?
Merci

comment passer une image au code

JavaScript

Discussions similaires

Partager

Partager