new!
|
[ Forums >> JavaScript >> Problèmes de création JavaScript / DHTML >> problème images défilantes de façon aléatoire ]
| > problème images défilantes de façon aléatoire |
[ Posté par j5818 ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 29-06-2008 à 12:49 | 1 messages ]
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 nouveau/img/diapo.php
<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>
|
|
|
|
|
|
[ Posté par guySk ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 30-06-2008 à 04:15 | 713 messages ]
|
Il faut créer un nouveau script pour faire changer l'adresse de l'image.
En suite tu l'appelles grâce à onload:
<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 id="imgMod" src="' + url + '" alt="' + alt + '"
border=0></a></div>');
}
function newImg(){
numimage = Math.round( Math.random() * ( nbimage - 1 ) + 1 );
url = './' + rep + '/' + numimage + extention ;
document.getElementById("imgMod").src = url;
setTimeout(newImg(),90000);
}
onload = newImg();
</script> |
|
________________
a'++'a
|
|
Services email :
Vous devez vous identifier pour profiter des services par email du forum.
|
|
]
