begin process at 2012 05 29 16:29:21
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

problème défilement d'images de façon aléatoire


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

problème défilement d'images de façon aléatoire

mardi 1 juillet 2008 à 07:52:54 | problème défilement d'images de façon aléatoire

jr5818

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
[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]
mardi 1 juillet 2008 à 09:27:45 | Re : problème défilement d'images de façon aléatoire

maelob

Membre Club
Bonjour,

Le javascript est executé coté client donc difficile pour lui de scanner le contenu du serveur (sauf avec ajax mais on est pas la pour ça.)
Sinon dans ton code tu ne dis jamais de changer d'image donc c'est normal qu'elle reste fixe, regarde do coté de timeout pour changer d'image. Mais dans ce cas il ne faudrat plus utiliser document.write car ça rechargera ta page. mais ça on verra après.



Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)
mardi 1 juillet 2008 à 10:26:20 | Re : problème défilement d'images de façon aléatoire

jr5818

Maelob bonjour et merci pour ta réponse

je suis vraiment néphyte dans ce domaine, je ne comprends pas trop, comment faire pour faire défiler toutes les imùages, si on ne peut pas scanner le répertoire, alors à partir d'une liste d'images ?
je sais qu'en javascript on est limité, n'y a t'il pas une solution en php dans ce cas ?
merci pour ton aide si tu peux
à bientôt
mardi 1 juillet 2008 à 10:37:50 | Re : problème défilement d'images de façon aléatoire

maelob

Membre Club

En php tu sera fixe.
Enfin tu pourra changer d'image en rechargeant la page à intervalle regulier (mais bon ça tu le fait avec les balises meta c'est même pas php)
2tant donné que tes images s'apellent 1.jpg 2.jpg etc... il est facile de changer d'image en incrémantant ou ici pour ce code en choississant un nombre aléatoire compris entre 1 et nombre_max_d'image.

Je te suggère donc
Soit de recharger ta page toutes les x secondes pour changer d'image
Soit de modifier ton code et pour cela regarde autour des timeout
Un lien vers un bon tuto en anglais


Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)
mardi 1 juillet 2008 à 12:57:14 | Re : problème défilement d'images de façon aléatoire

kazma

Administrateur CodeS-SourceS
comme maelob le dit tes image doivent sappeler 1.jpg 2.jpg etc...
l'exemple est fait pour 50 image les image se modifient toutes les 2 seconde a toi de faire les modif
<html>
<head>
<script>
function defilmage(){
ima =Math.floor(Math.random() * 51)
document.getElementById('divimage').src = ima+"jpg"
setTimeout("defilmage()",2000)
}
</script>
</head>
<body onload=defilmage() >
<img id='divimage' src='1.jpg
</body>
</html>
mardi 1 juillet 2008 à 13:20:41 | Re : problème défilement d'images de façon aléatoire

kazma

Administrateur CodeS-SourceS
rectif de quelles erreurs

<html>
<head>
<script>
function defilmage(){
ima = Math.floor(Math.random() * 50)
document.getElementById('divimage').src = ima+".jpg"
setTimeout("defilmage()",2000)
}
</script>
</head>
<body onload=defilmage()>
<img id='divimage' src=1.jpg>
</body>
</html>
mardi 1 juillet 2008 à 17:39:19 | Re : problème défilement d'images de façon aléatoire

jr5818

Maetlob et kazma, merci pour vos réponse, cela m'aide énormément
je vais regarder cela et vous tiens au courant de la suite
encore mille mercis
à bientôt
mardi 1 juillet 2008 à 19:17:35 | [résolu] Re : problème défilement d'images de façon aléatoire

jr5818

Problème résolu
kazma
ok ton script roule impeccable
c'est exactement ce que je cherchais merci


merci à tous ceux qui m'ont aidé
mardi 23 décembre 2008 à 18:50:57 | Re : problème défilement d'images de façon aléatoire

grolix

bonjour,

j'aurais besoin d'un petit coup de pouce.
je viens d"essayer ce bout de code, qui correspond a ce que je recherche...

il fonctionne plutot pas mal, sauf que j'ai une image qui ne charge pas...
(sous internet explorer j'ai la petite croix rouge qui s'affiche;
sous safari j'ai un point d'interrogation bleu;
et sous firefox il y a un temp mort).
j'ai essayer en la supprimant et en reduisant le nbr d'image... mais meme probleme.
ca ne vient pas de mes images car elles sont toutes identiques.

alors si vous avez une autre piste, n'hésitez pas...



Cette discussion est classée dans : images, aléatoire, image, jpg, défilement


Répondre à ce message

Sujets en rapport avec ce message

Image aleatoire [ par Revolux ] Bonjour, Je n' y connais absolument rien en Java Script et je ne trouve pas ce que je cherche parmis les sources du site. Je vous pose donc ma questi manipulations d'images [ par 3dagard ] bonjour,je suis novice, et si quelqu'un pouvais m'aider ce serait genial.1) sur une image.jpg , avoir une zone reactive qui ouvrirait un menu derouran Extension d'image sensible a la casse [ par ecarbill ] Salut à tous. Dans ma page je met des images et toutes avec l'extension '.JPG'. Tout marche bien sur ma machine mais quand j'envoie mon site sur le se Probleme avec images aléatoires [ par antiflag25 ] Salut à tous !!Voila je viens de mettre une serie d'image aléatoire sur mon site. Jusque la, pas de probleme, le seul souci, c'est que j'aimerais que pb debutant [ par catamenia ] Bonjour je débute en javascriptJ'essais de faire un diaporama avec affichage de miniatures Au chargement de ma page, le diaporama se lance bien mais l Un appel javascript dans une div [ par cosycorner ] Bonjour à tous, Je voudrais insérer des images aléatoires dans une div aux dimensions précises.(en background ?)J'ai trouvé ce script qui fonctionne p pop up dans un script existant [ par cosycorner ] Bonjour, Je souhaite intégrer plusieurs pop up dans un script déjà existant, mais ça ouvre dans une autre page, sans utiliser la fonction "window.open un appel javascript dans une div [ par cosycorner ] Bonjour à tous, Je voudrais insérer des images aléatoires dans une div aux dimensions précises.(en background ?)J'ai trouvé ce script qui fonctionne p Problème firefox [ par cubanai ] Mon code fonctionne très bien sous ie mais sous firefox ma fonction disptissu() ne s'active pas tout de suite. Pourquoi?Voilà mon code. Si vous pouvie Images défilantes de bas en haut [ par hhhteddy ] Bonjour,J'en suis à mes débuts en ce qui concerne la programmation et je souhaite faire un script en n'importe quel language compréhensible qui ferai


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,076 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales