Bonjour,
j'ai récupéré sur le net des bouts de codes afin de faire un défilement d'images aléatoires sur mon site. j'arrive à faire le défilement de la droite vers la gauche et afficher une image aléatoire qui défile mais je n'arrive pas à conjuguer les 2 c'est à dire un défilement d'images aléatoire. avec le code ci-dessous quand je recharge la pâge l'image change bien à chaque fois mais il n'y en a qu'une qui défile, comment faire pour qu'elles défilent toutes et surtout dans un ordre aléatoire. Ne serait-ce pas plus simple de mettre toutes mes images dans un répertoire et faire un scripte qui scanne toutes ces images et les fait défiler de façon aléatoire ? c'est cette solution que j'aimerais faire mais mes connaissances sont assez faible dans ce domaine donc je fais appel à votre aide
merci par avance vous pouvez voir ce script sur le site
http://www.unss58.org/unss58%20nouveau/img/diapo.php
Code : Tout sélectionner
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
/*
** Extention de vos fichiers Image.
** Le nom de vos images doivent etre du type :
** --> 1.jpg, 2.jpg, 3.jpg, 4.jpg, .... X.jpg
** --> 1.gif, 2.gif, 3.gif, 4.gif, .... X.gif
** --> ...
*/
var extention = ".jpg" ;
/*
** Nombre d'images diférentes à afficher.
*/
var nbimage = 8 ;
/*
** Déclaration d'autres variables.
*/
var url;
var rep;
var alt;
function Images_Aleatoire()
{
//Génére un nombre aléatoire, pour donner un numéro d'image.
numimage = Math.round( Math.random() * ( nbimage - 1 ) + 1 );
// Nom de votre page d'accueil
Page = "";
// Nom du répertoire de vos images.
rep = "";
// Message info bulle, lors du survole de l'image affichée.
alt = "";
// Assemblage de la chaine pour afficher votre image.
url = './' + rep + '/' + numimage + extention ;
// Test Affiche le numéro d'image générée aléatoirement pour voir qu'on change bien d'image
document.write( 'Image : ' + numimage + '<br><br>' );
// Affiche l'image choisie
document.write ('<div align=center><a href="' + Page + '"><img src="' + url + '" alt="' + alt + '" border=0></a></div>');
}
</script>
<title>images aleatoires</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div align="center">
<marquee direction="left" width="500" scrolldelay="90" onmouseover="this.stop();" onmouseout="this.start();">
<SCRIPT language="JavaScript">Images_Aleatoire();</SCRIPT>
</marquee>
</body>
</html>
Bonjour,
j'ai récupéré sur le net des bouts de codes afin de faire un défilement d'images aléatoires sur mon site. j'arrive à faire le défilement de la droite vers la gauche et afficher une image aléatoire qui défile mais je n'arrive pas à conjuguer les 2 c'est à dire un défilement d'images aléatoire. avec le code ci-dessous quand je recharge la pâge l'image change bien à chaque fois mais il n'y en a qu'une qui défile, comment faire pour qu'elles défilent toutes et surtout dans un ordre aléatoire. Ne serait-ce pas plus simple de mettre toutes mes images dans un répertoire et faire un scripte qui scanne toutes ces images et les fait défiler de façon aléatoire ? c'est cette solution que j'aimerais faire mais mes connaissances sont assez faible dans ce domaine donc je fais appel à votre aide
merci par avance vous pouvez voir ce script sur le site
[url]http://www.unss58.org/unss58%20nouveau/img/diapo.php[/url]
[code]<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
/*
** Extention de vos fichiers Image.
** Le nom de vos images doivent etre du type :
** --> 1.jpg, 2.jpg, 3.jpg, 4.jpg, .... X.jpg
** --> 1.gif, 2.gif, 3.gif, 4.gif, .... X.gif
** --> ...
*/
var extention = ".jpg" ;
/*
** Nombre d'images diférentes à afficher.
*/
var nbimage = 8 ;
/*
** Déclaration d'autres variables.
*/
var url;
var rep;
var alt;
function Images_Aleatoire()
{
//Génére un nombre aléatoire, pour donner un numéro d'image.
numimage = Math.round( Math.random() * ( nbimage - 1 ) + 1 );
// Nom de votre page d'accueil
Page = "";
// Nom du répertoire de vos images.
rep = "";
// Message info bulle, lors du survole de l'image affichée.
alt = "";
// Assemblage de la chaine pour afficher votre image.
url = './' + rep + '/' + numimage + extention ;
// Test Affiche le numéro d'image générée aléatoirement pour voir qu'on change bien d'image
document.write( 'Image : ' + numimage + '<br><br>' );
// Affiche l'image choisie
document.write ('<div align=center><a href="' + Page + '"><img src="' + url + '" alt="' + alt + '" border=0></a></div>');
}
</script>
<title>images aleatoires</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div align="center">
<marquee direction="left" width="500" scrolldelay="90" onmouseover="this.stop();" onmouseout="this.start();">
<SCRIPT language="JavaScript">Images_Aleatoire();</SCRIPT>
</marquee>
</body>
</html>
[/code]
