Comment changer d'image à chaque actualisation tout en la placçan en position absolue ?

Il faut par exemple un script PHP qui va tirer un nombre aléatoire, et suivant le nombre, mettre une image différente.

Est-ce que tu peut être un peu plus précis. On peut pas le faire en javascript ?

La chose n'a aucun intérêt en JS (c'est une mauvaise utilisation de l'outil), ce genre de trucs est à faire server-side en PHP/ASP/JSP/Autre

Alors comment on fait plus précisement ?

http://www.php.net/manual/fr/tutorial.firstpage.php
+
http://www.php.net/manual/fr/language.types.array.php
+
http://fr2.php.net/manual/fr/function.rand.php

On est obligé de faire ça en php ? Ya pas une autre technqiue en html

Nope, pas d'autres techniques valables

En même temps, à supposer que l'image est décorative, je vois pas le mal de changer la source d'une image en JS hein ?

Le HTML ne permet pas de le faire, le Javascript n'est pas fait pour ça (vraiment pas).
 
Après, si t'aimes pas le PHP tu peux le faire en ASP, en JSP, en CGI/Perl, en CGI/Python, ...
Mais c'est largement plus dûr de trouver un hôte qui propose ce genre de trucs que du PHP tout bateau

Bah autant le faire en PHP, c'est pas plus dure (c'est même plus facile), et ça fait profiter tout le monde

 
Mouaich, je persiste à penser que la réponse à la question n'est pas aussi définitive que les quelques messages plus haut...

   
 
Comme tu l'as déjà sous-entendu en liant certains sites sur ton blog, le Javascript représente l'aspect comportemental/réactif d'une page, un changement d'image au chargement n'en fait pas vraiment partie, ou alors de très très loin

Mon interprétation personnelle du champ d'action du javascript comprend à la fois l'aspect interactif du site (ouvrir une info dans une popup plutôt que dans une page complète, tout en laissant la possibilité de le faire) mais aussi l'aspect présentationnel.
 
En ce sens, émuler un min-width sous IE avec un petit bout de script afin de rendre un site plus agréable à lire est justifié (il s'agit uniquement d'un artifice graphique).
 
Dans la même logique de présentation il me paraît assez sensé que ce soit javascript qui t'affiche aléatoirement une image (illustrative). C'est une fioriture graphique, complètement inutile, donc je ne vois pas pourquoi ça serait au serveur d'en supporter la charge... La personne n'a pas javascript ? Et bien il a l'image par défaut, pas de souci.

Ca me semble plus faire partie du champ comportemental, surtout si l'émulation est générique, que graphique (on aurait du mal à considérer qu'IE7 est "graphique" alors qu'il ne fait qu'émuler des interprétations graphiques...)

Là, le problème pour moi c'est que je n'ais aucun argument logique à apporter  
Uniquement de l'idéologique (pourquoi serait-ce à moi de supporter la charge de la fioriture graphique que tu m'impose?)

Eric, voici une solution satisfaisante :
 
- l'image change régulièrement sans recharger la page, par exemple toutes les 120 secondes ou bien toutes les 600 secondes
- on a donc un comportement et l'utilisation du javascript est justifiée
- puisque l'image change régulièrement - mais pas assez rapidement pour que toutes les images soient vues en une consultation de la page - autant les mélanger à chaque consultation de la page, cad que la 1ère est tirée aléatoirement
 
De cette manière :
- les puristes du JS acceptent que tu utilises leur language de prédilection pour ton projet et écartent la possibilité d'utiliser PHP
- la plupart des internautes voient une image différente au chargement de la page

qui dit actualisation dit appel au serveur (si je ne m'abuse). Faire ce que tu veux faire en javascript implique que tu charges toutes les images potentiellement affichables (un seule fois certes mais quand même). Pour peu que t'en ai bcp ou qu'elles soit lourdes, tu risques de ralentir considerablement le temps du premier accès à ta page

Les écoutes pas, tu peux le faire en javascript

Je voulais juste, sachant que je ne pourait pas toujours mettre mon site à jour, qu'une image différente se charge à chaque fois. Peut-être que le titre "changer d'image à chaque actualisation" n'était pas très explicite.

et sachant que l'image fait partie de la structure de la page et est un des éléments principaux.

Par exemple :
 

 
Sinon t'as :  
http://www.dyn-web.com/javascript/ [...] -rand.html
http://javascript.internet.com/mis [...] tator.html
http://www.hypergurl.com/randomimage.html
 
Bref, t'as le choix en Javascript

Merci

Il faut placer ton code où entre <body> et </body> ou avant </head> ?

J'ai trouvé un code pour changer l'image chaque jour :
Entre <head> et </head>  

 
entre <BODY> et </BODY>

 
Mais comment mettre ensuite l'image en position absolue ?

Ne pas passer par un "document.write"...
 
Regarde plutot du code de "document.getElementById".

• Un script se note comme ça :

  <script type="text/javascript"> [...] </script>

  
  

  • On n'utilise plus document.write qui ne fonctionne pas en XHTML, mais document.createElement et element.appendChild Mais de toute façon on s'en fout ici, faudra faire comme ça :

    document.getElementById('random').src = imagealeatoire();

  • Met plutôt une valeur par défaut à ton image :

    <body>  [...]   <img id="random" width="200" height="150" src="images/cascade_petrifiee.jpg" />   <script type="text/javascript">     document.getElementById('random').src = imagealeatoire();   </script>   [...]

    
    

    • N'utilise plus d'attribut border="0" qui est obsolète. Fait-ça en CSS
    • Pour mettre une image en position absolue... faut la mettre en position absolue Exemple :

      #random {  border: 0;   position: absolute;   top: 20px;   right: 80px; }

      
       
      Avec ça, ça va être déjà mieux. Mais je persiste qu'il faut faire ça côté serveur pour en faire profiter à tout le monde

      
      Message édité par FlorentG le 21-03-2005 à 10:50:12