images aléatoires

images aléatoires - HTML/CSS - Programmation

Marsh Posté le 19-07-2004 à 21:05:16    

bonjour
 
dans mon site j'ai un emplacement pour mettre une image
seulement j'hésite, et je ne sais pas laquelle mettre dans la page index
 
donc je voudrais revenir a la méthode aléatoire
comment faire?
 
en fait je voudrais que lorsqu'on reviens a ma page index, l'internaute tombe sur une image parmis un nombre (3 par exemple) et que lorsqu'il revien et bien il tombe sur une autre image
 
j'espere que vous m'avez compris lol
 
merci d'avance :)

Reply

Marsh Posté le 19-07-2004 à 21:05:16   

Reply

Marsh Posté le 19-07-2004 à 23:11:10    

si tu ne donnes pas de code, cela va être difficile.
C'est pas en HTML qu'il est possible de le faire, c'est en JS ou coté serveur (php, asp, ...)


---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
Reply

Marsh Posté le 20-07-2004 à 10:12:59    

Javascript ...
 
Utilise un tableau qui contient le nom de tes images :  
 
images = new Array();  
images[1] = "toto.gif";  
images[2] = "titi.gif";  
images[3] = "lili.gif";  
...  
 
Tu récupére le numéro d'une des images au hazard en utilisant random  
index = Math.floor(Math.random() * images.length);  
 
Enfin tu designe cette image choisie au hazard comme étant ton image de fond  
document.getElementById("mon_image" ).src= images[index];
 
 
Renseigne toi également sur le préchargement d'image ...
 


---------------
stpfilms.free.fr
Reply

Marsh Posté le 20-07-2004 à 12:14:03    

merci je v essayer le tableau , je vous tien au courant  :)  
 
++

Reply

Marsh Posté le 20-07-2004 à 12:31:10    

re fxoxo
 
j'ai essayer mais sa ne semble pas marcher
voici ce que j'ai taper dans le bloc note:
 
<html>
 
images = new Array();  
images[1] = "b.jpg";  
images[2] = "b (1).jpg";  
images[3] = "b (2).jpg";  
 
 
index = Math.floor(Math.random() * images[1].length);  
 
document.getElementById("mon_image" ).src= images[index];  
 
</html>
 
pouvez-vous me corriger les fautes?
merci d'avance
++

Reply

Marsh Posté le 20-07-2004 à 12:48:27    

ben c clair ke ça risque pas de marcher comme ça...manque la moitié du code !!!!
 
<html>  
<HEAD>
</HEAD>
 <BODY>
<IMG SRC="toto.gif" ID="mon_image">
<SCRIPT>
images = new Array();    
images[1] = "b.jpg";    
images[2] = "b (1).jpg";    
images[3] = "b (2).jpg";    
 
 
index = Math.floor(Math.random() * images[1].length);    
 
document.getElementById("mon_image" ).src= images[index];  
 </SCRIPT>
</BODY>
</html>  
 
ça devrait déja aller mieux comme ça...

Reply

Marsh Posté le 20-07-2004 à 12:49:09    

artmartiauxboss a écrit :

re fxoxo
 
j'ai essayer mais sa ne semble pas marcher
voici ce que j'ai taper dans le bloc note:
 
<html>
 
images = new Array();  
images[1] = "b.jpg";  
images[2] = "b (1).jpg";  
images[3] = "b (2).jpg";  
 
 
index = Math.floor(Math.random() * images[1].length);  
 
document.getElementById("mon_image" ).src= images[index];  
 
</html>
 
 
pouvez-vous me corriger les fautes?
merci d'avance
++


 
 
 
images[1] = "b.jpg"...
 
essaie plutôt :  
index = Math.floor(Math.random() * images.length-1);


Message édité par jagstang le 20-07-2004 à 12:51:21

---------------
What if I were smiling and running into your arms? Would you see then what I see now?  
Reply

Marsh Posté le 20-07-2004 à 13:17:28    

merci à vous tous c vraiment sympa de votre part !
 :)  :)  ;)

Reply

Marsh Posté le 20-07-2004 à 14:37:42    

voici ce que j'ai tapé:
 
<html>
<HEAD>  
</HEAD>  
 <BODY>  
<center><IMG SRC="1" ID="mon_image"> </center>
<SCRIPT>  
images = new Array();    
images[1] = "2.jpg";    
images[2] = "3.gif";    
images[3] = "4.jpeg";    
     
index = Math.floor(Math.random() * images.length-1);    
   
document.getElementById("mon_image" ).src= images[index];    
</SCRIPT>  
</BODY>
 
désolé petite faute de frappe mais toujours le même problème:
 
<HEAD>  
</HEAD>  
 <BODY>  
<center><IMG SRC="1.jpg" ID="mon_image"> </center>
<SCRIPT>  
images = new Array();    
images[1] = "planche kc.jpg";    
images[2] = "3wushu.gif";    
images[3] = "paon.jpeg";    
   
   
index = Math.floor(Math.random() * images.length-1);    
   
document.getElementById("mon_image" ).src= images[index];    
</SCRIPT>  
</BODY>


Message édité par artmartiauxboss le 20-07-2004 à 14:40:28
Reply

Marsh Posté le 20-07-2004 à 14:39:25    

t'es sûr ? as-tu respecté la casse ?


---------------
What if I were smiling and running into your arms? Would you see then what I see now?  
Reply

Marsh Posté le 20-07-2004 à 14:39:25   

Reply

Marsh Posté le 20-07-2004 à 14:52:26    

salut JagStang
 
voici la page web en question:
tu pourras faire click droit "afficher source" tu verras mon probleme :
 
ifrance.com/artmartiauxboss
 
++

Reply

Marsh Posté le 20-07-2004 à 14:58:03    

je vois le problème.  
 
en principe un tableau commence par 0. toi tu as commencé à indicer à 1 (c'est pas grave)
 
il faut juste enlever le -1


---------------
What if I were smiling and running into your arms? Would you see then what I see now?  
Reply

Marsh Posté le 20-07-2004 à 16:50:12    

j'aimerais savoir:
dans  
<BODY>  
<IMG SRC="toto.gif" ID="mon_image">  
à quoi va servir toto.gif?
 
o fait j'ai enlevé le -1 et j'ai remplacé par 0 :
de ce fait il n'y a plus de random image mais une image fixe !
et cette image fixe est le tot.gif
 
:-?

Reply

Marsh Posté le 20-07-2004 à 17:45:47    

artmartiauxboss a écrit :

j'aimerais savoir:
dans  
<BODY>  
<IMG SRC="toto.gif" ID="mon_image">  
à quoi va servir toto.gif?


toto.gif est juste là pour donner une image de base....donc il sert à rien. Tu peux d'ailleurs écrire :
<IMG SRC="" ID="mon_image">
 

artmartiauxboss a écrit :


o fait j'ai enlevé le -1 et j'ai remplacé par 0 :
de ce fait il n'y a plus de random image mais une image fixe !
et cette image fixe est le tot.gif
:-?


écris plutot :

Code :
  1. <html>
  2.   <head>
  3. <title>javascript</title>
  4.   </head>   
  5.   <body> 
  6.   <img src="" id="mon_image" />
  7.   <script language="Javascript"> 
  8. images = new Array();     
  9.    images[0] = "image1.jpg";     
  10.    images[1] = "image2.gif";   
  11.    images[2] = "printer2.bmp";     
  12.    index = Math.floor(Math.random() * images.length);
  13.    document.getElementById("mon_image" ).src= images[index]; 
  14.   </script>
  16.   </body> 
  17. </html>


Chez moi ça marche.


Message édité par shabata le 20-07-2004 à 17:57:41
Reply

Marsh Posté le 20-07-2004 à 18:08:16    

salut shabata et merci
de mon coté j'avais aussi trouvé un autre script mais je vois ke le tien est + cout et mieu ! ;)
je met quand meme mon script
le voici:
 
<head>
<!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
 
var nbimage= 30;
var width;
var height;
var url;
var alte;
function banniere()
{
numimage= Math.round(Math.random()*(nbimage-1)+1);
if (numimage <= 10)
{
gotosite = "";
url = "image1.gif";
alte = "image1.gif";
}
if (numimage > 10 && numimage <= 20)
{
gotosite = "";
url = "image2.jpeg";
alte = "image2.jpeg";
}
if (numimage > 20)
{
gotosite = "";
url = "image3.jpg";
alte = "image3.jpg";
}
if(gotosite != "" )
 {
 document.write ('<A HREF="' + gotosite + '">');  
 }
document.write('<IMG SRC="' + url + '" ALT="' + alte + '" BORDER=0>')
if(gotosite != "" )
 {
 document.write('</A>')
 }
}
</SCRIPT>
<!-- FIN DU SCRIPT -->
</head>
 
<body>
<!-- DEBUT DU SCRIPT -->
<!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
-->
<SCRIPT language="JavaScript">
banniere();
</SCRIPT>
<!-- FIN DU SCRIPT -->
</body>

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed