begin process at 2012 02 14 12:38:19
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Probleme de boucle


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

Probleme de boucle

jeudi 23 avril 2009 à 15:14:19 | Probleme de boucle

jfnoe

Bonjour,
Je voudrais utiliser un script de fondu d'image mais je n'arrive pas à le mettre en boucle.
Le script s'éxécute correctement mais j'ai une erreur à la fin.
J'ai essayer de faire une boucle avec FOR, mais ca ne marche pas non plus.

Voici le code :

var visuel_n=0;
function Visuel_Fondu()
{
 if(document.all)
 {
  document.getElementById("visuel_" + VisuelPosChange).filters.alpha.opacity=visuel_n;
  visuel_n+=5;
  if ( visuel_n<= 100 )
  {
   setTimeout("Visuel_Fondu()", 50);
   return 0;
  }
 }
 else
 {
  document.getElementById("visuel_" + VisuelPosChange).style.setProperty("-moz-opacity", visuel_n, "");
  visuel_n+=0.05;
  if ( visuel_n<= 1 )
  {
   setTimeout("Visuel_Fondu()", 50);
   return 0;
  }
 }
 visuel_n=0;
 document.getElementById("visuel").style.background="url('" + VisuelTab[VisuelPosChange][0] + "') -4px 0px no-repeat";
 setTimeout("Visuel_Clear()", 100); //supprime clignotement sous FF
 //document.getElementById("visuel").innerHTML="";
 //setTimeout("Visuel_Defil()", 3000);
}
function Visuel_Clear()
{
 document.getElementById("visuel").innerHTML="";
 setTimeout("Visuel_Defil()", 3000);
}
var VisuelPos=0;
var VisuelPosChange;
function Visuel_Defil()
{
 VisuelPosChange=VisuelPos; 
 VisuelPos++;
 if ( VisuelTab.length <= VisuelPos )
  VisuelPos=0;
  
 if ( VisuelTab[VisuelPosChange][1] == 1 )
  document.getElementById("visuel").innerHTML+="<img src='" + VisuelTab[VisuelPosChange][0] + "' id='visuel_" + VisuelPosChange + "' style='filter:alpha(opacity=0); -moz-opacity:0; position: absolute; margin-left: -4px;' />";
 else
 {
  setTimeout("Visuel_Defil()", 10);
  return 0;
 }
 Visuel_Fondu();
}

var VisuelTab = [
 ["image1.jpg",1],
 ["image2.jpg",1],
 ["image3.jpg",1],
];
Visuel_Defil();


Merci d'avance pour votre aide.

vendredi 24 avril 2009 à 13:14:27 | Re : Probleme de boucle

leris

Salut,

impossible de tester sans les elements du "body"

L.
vendredi 24 avril 2009 à 14:21:49 | Re : Probleme de boucle

jfnoe

Dans le DODY, il suffit de mettre à l'endroit ou l'on veut l'animation :

<div id="visuel" style="width: 200; height: 200"></div><script type="text/javascript" src="fondu.js"></script>

"width: 200" et "height: 200" correspondent à la taille des 3 images.

Le script du 1er message étant dans un fichier "fondu.js".

Merci Leris de prendre le temps d'y jeter un oeil.
JF

PS : Je ne sais pas si on peut joindre les fichiers, cela aurait été plus simple.
vendredi 24 avril 2009 à 20:23:06 | Re : Probleme de boucle

kazma

Administrateur CodeS-SourceS
tu peut toujour essayer cette source simple a mettre en oeuvre

http://www.javascriptfr.com/codes/DIAPO-FONDU-ENCHAINE_48063.aspx
samedi 25 avril 2009 à 09:19:12 | Re : Probleme de boucle

PetoleTeam

Membre Club
Réponse acceptée !
Bonjour,
Tu bosses surement avec IExplorer...
Ce n'est pas un problème de boucle mais de déclaration de tableau
ta déclaration
var VisuelTab = [
 ["image1.jpg",1],
 ["image2.jpg",1],
 ["image3.jpg",1],
];

IExplorer retournera une longueur de tableau de 4, les autres 3, le dernier après la virgule et non défini, n'étant pas pris en compte.

Comme tu testes
if ( VisuelTab.length <= VisuelPos )
cela plante sur le dernier indice.
Supprimes la dernière virgule ou testes si l'élément est défini
if( VisuelTab[VisuelPosChange] && VisuelTab[VisuelPosChange][1] == 1 )
dans ce cas attention à l'incrémentation de la variable VisuelPos sur le dernier passage.
;O)
samedi 25 avril 2009 à 10:43:53 | Re : Probleme de boucle

jfnoe

Excellent !

Il suffisait d'enlever la virgule en effet.

Merci PetoleTeam.

 



Cette discussion est classée dans : document, visuel, getelementbyid, settimeout, visuelposchange


Répondre à ce message

Sujets en rapport avec ce message

défilement images effet fondu, ne marque que sur FIREFOX [ par fulltrip ] Bonjour,Comme il est explicité ci-dessus je n'arrive pas à faire marcher mon script JAVASCRIPT sur IE.Si quelqu'un peut voir ou se situe le problème j Compatibilité W3C - style.left [ par stanilou ] Bonjour,Ce test fonctionne sous IE mais pas sous FF (Le div ne se déplace pas):<html xm positionnement div emplacement pointeur et map area [ par demnatis ] Bonjour a tous,Les forums de javascript.com m'ont souvent fait progresser dans mes recherches et j'y ai souvent trouvé la solution corriger mes script Accés à une page via user et mot de passe avec ajax et php [ par developvbdebut ] BonsoirVoici mon problème.Au départ je suis sur la page index.html, en saissant le bon nom utilisateur et le mot de page, je veux acceder à la page su Remplacement d'une animation flash par une photo via test de plugin [ par benji3rv ] Bonjour,Mon but comme l'explique assez bien le titre est de, dans un premier temps, faire un test pour savoir si le navigateur de l'internaute intègre Champ inactif [ par nicoferra ] Bonjour,je chercher à rendre un champ inactif (initial_compo2) mais cela ne fonctionne pas.Merciwindow.onload=function desactive(){document.getElement Probleme avec IE et Opera [ par SuperChouquette ] Bonjour, je suis débutant et je tente de faire un script qui permette d'effectuer une recherche dans une liste, celui- ci fonctionne parfaitement sous Fonction avec boucle for qui ne marche pas [ par toons43 ] Bonjour à tous,J'ai un souci avec une fonction que j'ai crée, c'est une fonction qui me permet de zoomer des thumbnails (6 en tout) en changeant le co probleme controle de saisie avec du javascript dans un formulaire html.php [ par suethi75 ] BonjourJe controle les champs obligatoires dans mon formulaire cependant cela ne marche pas.Voici mon code javascript: function verifForm(){  if (docu verifier un email avec onblur [ par arradakram ] bonjoursdabord j'ai un projet de verification d'un formulaire d'inscription, et j'ai un tout petit prob:la verification des champs se fait en cours al


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

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

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