begin process at 2012 05 30 04:44:59
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

Débutants

 > 

Slideshow à rotation aléatoire


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

Slideshow à rotation aléatoire

vendredi 14 avril 2006 à 23:40:51 | Slideshow à rotation aléatoire

edelendil

Salut, dans le cadre d'une banniere j'envisage d'utiliser comme fond une selection aléatoire d'images choisies parmis des 10ene disponibles. Le but est de repeter ce choix toutes les 3 secondes pour obtenir un effet slideshow automatique et non répetitif (je n'aipas encore codé la verification evitant d'avoir deux fois la même image en meme temps mais ca ne devrait pas etre le plus difficile).
Parceque pour 'linstant j'arrive à prendre les images de maniere aléatoires et à les afficher mais pas moyen de lancer celà en boucler, j'utilise (sans doute mal) la fonction SetInterval mais rien ne se passe.

Enfin bref voila le code

<SCRIPT LANGUAGE="JavaScript">
// On stock ici les images
var tabImgSave = new Array;
tabImgSave[0] = 'forme_01.gif';
tabImgSave[1] = 'forme_02.gif';
tabImgSave[2] = 'forme_03.gif';
tabImgSave[3] = 'forme_04.gif';
tabImgSave[4] = 'forme_05.gif';
tabImgSave[5] = 'forme_06.gif';
tabImgSave[6] = 'forme_07.gif';
tabImgSave[7] = 'forme_08.gif';

var nb_img = tabImgSave.length;

function affichage(){
//on en prend 3 au hasard
var tabImgAff = new Array;
for (i=0;i<3 ;i++ )
{
var rand = Math.floor( Math.random()*(nb_img));
tabImgAff[i]=tabImgSave[rand];
}
// et on les affiche
for (i=0;i<3 ;i++ ){
document.write('<td align=center><img src="'+tabImgAff[i]+'" border="0"></td>');
}
}
</SCRIPT>
</HEAD>

<BODY>
<table border=1><tr valign="middle">
    <SCRIPT LANGUAGE="JavaScript"> var b = setInterval(affichage(),3000);</SCRIPT> <!-- et là ca ne se fait qu'une fois-->
</tr></table>

Merci d'avance
samedi 15 avril 2006 à 05:56:38 | Re : Slideshow à rotation aléatoire

bultez

Membre Club





Bonjour,

dans la fonction appelée affichage(), il y a document.write

lorsque la page a été totalement affichée ( </body> a été
interprété ), et ce sera le cas au 2ème déclenchement de cette
fonction, document.write commence par effacer toute la page...
y compris le javascript.

pour s'en convaincre, click droit + afficher la source :
la page ne contiendra que les 3 <
td align=center><img src="???" border="0"></td>'
et rien d'autre.

Cordialement. Bul. ~
Mon Site qu'il est à Moi ~

samedi 15 avril 2006 à 06:59:35 | Re : Slideshow à rotation aléatoire

bultez

Membre Club

   je ne sais pas pourqoui j'ai dit au 2ème déclenchement ???

       il faut lire "ce sera le cas lorsque cette fonction sera appelée".

Cordialement. Bul. ~ Mon Site qu'il est à Moi ~

samedi 15 avril 2006 à 15:36:49 | Re : Slideshow à rotation aléatoire

Phil_Free

Réponse acceptée !
Salut,

Et si tu l'écrivais comme ça:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <title>SlideShow</title>
<script type="text/javascript">
<!--
function affichage(){

// On stock ici les images
var tabImgSave = new Array;
tabImgSave[0] = 'forme_01.gif';
tabImgSave[1] = 'forme_02.gif';
tabImgSave[2] = 'forme_03.gif';
tabImgSave[3] = 'forme_04.gif';
tabImgSave[4] = 'forme_05.gif';
tabImgSave[5] = 'forme_06.gif';
tabImgSave[6] = 'forme_07.gif';
tabImgSave[7] = 'forme_08.gif';

var nb_img = tabImgSave.length;

//on en prend 1 au hasard
var tabImgAff ;

  var rand = Math.floor( Math.random()*(nb_img));
  tabImgAff = tabImgSave[rand];

// et on l'affiche

  toThis = "<img src=\"" + tabImgAff + "\" border=\"0\">";

  if (document.getElementById) {
    document.getElementById("textDiv").innerHTML = toThis;
  }
  else if (document.all) {
    document.all["textDiv"].innerHTML = toThis;
  }

}
// -->
</script>
</head>

<body onload="javascript: setInterval('affichage()',1000);">
<table>

  <tr valign="middle">
    <td id="textDiv" align="center"></td>
  </tr>
</table>
</body>
</html>

samedi 15 avril 2006 à 15:46:40 | Re : Slideshow à rotation aléatoire

bultez

Membre Club

c'est une solution...
mais pourquoi  les tests document.getElementById et document.all 
    document.getElementById("textDiv").innerHTML = toThis;
tout court ?
Cordialement. Bul. ~ Mon Site qu'il est à Moi ~

dimanche 16 avril 2006 à 19:15:09 | Re : Slideshow à rotation aléatoire

edelendil

Voila en appliquant la solution proposée a mon code dejà tappé j'arrive a un résultat tout a fait satisfaisant, merci à tous ceux qui ont répondu


Cette discussion est classée dans : var, gif, forme, slideshow, tabimgsave


Répondre à ce message

Sujets en rapport avec ce message

la boucle for qui rend fou [ par kavod ] Peut-être qu'à force de me casser la tête dessus je ne vois plus l'essentiel... mais j'ai un problème avec une boucle for et je ne vois vraiment pas d Redirection apres diaporama [ par DomBea ] Bonjour, c'est un script qui fait defiler 3 images avec un fondu puis s'arrete. Jusqu'a la tout va bien. J'aimerais qu'ensuite la page soit redirectio 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 Améliorer un code trouvé sur ce site [ par chriss22 ] Bonjour,je suis nouveau sur le forum et complètement novice en javascript. Moi je suis plus php.Cependant j'ai trouvé un code pour mon site qui permet ProgressBar de préchargement d'images, avec une pergress bar esthétique [ par Mouk32 ] Bonjour, bonjour ! Premier message, premier appel au secours [^^happy8] Alors pour résumer, je voudrais mettre une ProgressBar qui charge mes images a Qui peut m'aider, merci... [ par DomBea ] Salut, j'ai trouve ce script qui me convient, 3 photos qui se succedent avec transition, mais toutefois j'aimerais bien qu'il ne "tourne" qu'une seule question sur le javascript et xml [ par jail ] bonjour j'ai une petite galerie photo simple en javascript et j'aimerai pouvoir la mettre en relation avec un fichier xml pour plus de confort dans la probleme variable [ par sheik5757 ] Bonjour je sollicite votre aide car impossible d'utiliser ce code : function minimize_fenetre(fenetre) { addcell(fenetre); fenetre.style.visibility = QCM [ par Tovi ] Bonsoir,Je suis LE novice dans le javascript.Je dois réaliser un audit professionnel.Afin d'avoir une présentation correcte, j'ai voulu le réaliser so Expressions réugulières [ par fabiano13 ] Je n'arrive pas à remplacer dans un textarea un retour chariot + le tag [ligne] + un autre retour chariot !Pourtant avec les expressions régulières sa


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,966 sec (3)

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