images aléatoires

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : images aléatoires

artmartiauxboss

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

Publicité

T509

$job->GetJob(now)

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 !

fxoxo

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

artmartiauxboss

merci je v essayer le tableau , je vous tien au courant

++

artmartiauxboss

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
++

Transistor

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...

jagstang

Pa Capona ಠ_ಠ

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?

artmartiauxboss

merci à vous tous c vraiment sympa de votre part !

artmartiauxboss

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

jagstang

Pa Capona ಠ_ಠ

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?

Publicité

artmartiauxboss

salut JagStang

voici la page web en question:
tu pourras faire click droit "afficher source" tu verras mon probleme :

ifrance.com/artmartiauxboss

++

jagstang

Pa Capona ಠ_ಠ

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?

artmartiauxboss

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

:-?

shabata

petit deviendra grand

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 :

<html>
<head>
<title>javascript</title>
</head>
<body>
<img src="" id="mon_image" />
<script language="Javascript">
images = new Array();
images[0] = "image1.jpg";
images[1] = "image2.gif";
images[2] = "printer2.bmp";
index = Math.floor(Math.random() * images.length);
document.getElementById("mon_image" ).src= images[index];
</script>
</body>
</html>

Chez moi ça marche.

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

artmartiauxboss

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>

<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>

</head>

<body>


<SCRIPT language="JavaScript">
banniere();
</SCRIPT>

</body>

FORUM HardWare.fr

Programmation

HTML/CSS

images aléatoires

Sujets relatifs
[RESOLU] [javascript] superposition d'images	Recherche dll pour traitement d'images (modification de dpi)
Créer des images	MATLAB - Traitement d'images
Cacher les fichiers images,gfx,sons utilisés dans une appli (un jeu)?	[PHP] Dans quel répertoire se placent les images qu'on uploade?
ie rajoute des marge aux images flotantes	[PHP] Petit problème avec les images ... [Résolu]
Où trouver des ressources et images pour faire un site internet	[CSS] images aléatoires
Plus de sujets relatifs à : images aléatoires

Page générée en 0.037 secondes