Code animation pour mes partenaires

Page 2 sur 2 Précédent  1, 2

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Code animation pour mes partenaires

Message par mama3802 le Jeu 29 Sep 2011 - 18:28

Rappel du premier message :

Bonjour,

Voila, j'aimerais faire une petite animation pour présenter mes partenaires. Je voudrais que les boutons des partenaires apparaissent et disparaissent les uns après les autres mais je ne sais pas quels codes utiliser.

Merci d'avance Wink


Dernière édition par mama3802 le Dim 16 Oct 2011 - 21:09, édité 1 fois

mama3802
*****

Féminin
Messages : 581
Inscrit(e) le : 30/04/2010

http://perfectmatch.max2forum.com/
mama3802 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code animation pour mes partenaires

Message par tupac le Mar 11 Oct 2011 - 3:21

Bonsoir

J'ai vérifié sur votre forum et vous n'avez pas placé la totalité du code Java-Script dans votre page.

Comparer celui-la et le votre vous allez voir la différence.
Spoiler:
Code:
        window.addEventListener?window.addEventListener("load",so_init,false):window.attachEvent("onload",so_init);
       
        var d=document, imgs = new Array(), zInterval = null, current=0, pause=false;
       
        function so_init() {
          if(!d.getElementById || !d.createElement)return;
       
          // DON'T FORGET TO GRAB THIS FILE AND PLACE IT ON YOUR SERVER IN THE SAME DIRECTORY AS THE JAVASCRIPT!
          // http://slayeroffice.com/code/imageCrossFade/xfade2.css
          css = d.createElement("link");
          css.setAttribute("href","xfade2.css");
          css.setAttribute("rel","stylesheet");
          css.setAttribute("type","text/css");
          d.getElementsByTagName("head")[0].appendChild(css);
       
          imgs = d.getElementById("imageContainer").getElementsByTagName("img");
          for(i=1;i<imgs.length;i++) imgs[i].xOpacity = 0;
          imgs[0].style.display = "block";
          imgs[0].xOpacity = .99;
         
          setTimeout(so_xfade,2000);
        }
       
        function so_xfade() {
          cOpacity = imgs[current].xOpacity;
          nIndex = imgs[current+1]?current+1:0;
       
          nOpacity = imgs[nIndex].xOpacity;
         
          cOpacity-=.05;
          nOpacity+=.05;
         
          imgs[nIndex].style.display = "block";
          imgs[current].xOpacity = cOpacity;
          imgs[nIndex].xOpacity = nOpacity;
         
          setOpacity(imgs[current]);
          setOpacity(imgs[nIndex]);
         
          if(cOpacity<=0) {
              imgs[current].style.display = "none";
              current = nIndex;
              setTimeout(so_xfade,2000);
          } else {
              setTimeout(so_xfade,50);
          }
         
          function setOpacity(obj) {
              if(obj.xOpacity>.99) {
                obj.xOpacity = .99;
                return;
              }
              obj.style.opacity = obj.xOpacity;
              obj.style.MozOpacity = obj.xOpacity;
              obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
          }
         
        }

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code animation pour mes partenaires

Message par mama3802 le Mer 12 Oct 2011 - 23:13

Ah ba c'est bon ça fonctionne. C'était juste parce que le code était mal disposer dans la page. Je savais pas que c'était important Wink
Merci.
Une dernière chose, l'animation n'est pas centré. Comment je peux y remedier? svp


mama3802
*****

Féminin
Messages : 581
Inscrit(e) le : 30/04/2010

http://perfectmatch.max2forum.com/
mama3802 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code animation pour mes partenaires

Message par tupac le Jeu 13 Oct 2011 - 1:27

Bonsoir

Essayez de remplacer ceci.
Code:
<div id="imageContainer">
Par ça.
Code:
<div align="center" id="imageContainer">

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code animation pour mes partenaires

Message par mama3802 le Jeu 13 Oct 2011 - 17:19

ça change rien =/

mama3802
*****

Féminin
Messages : 581
Inscrit(e) le : 30/04/2010

http://perfectmatch.max2forum.com/
mama3802 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code animation pour mes partenaires

Message par tupac le Ven 14 Oct 2011 - 6:01

Bonjour

Essayez d'entourer vos liens d'une balise (center) comme ceci.
Code:
<center> vos liens </center>

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code animation pour mes partenaires

Message par mama3802 le Ven 14 Oct 2011 - 21:51

ça ne change toujours rien. Pourtant il y a cette balise qui devrait les mettrent au milieu non?
Code:
<div align="center" id="imageContainer">

Sinon est ce qu'il faudrait modifier quelque chose la dedans?
Code:
position:relative;  height:35px;      /* hauteur  image  */  width:120px;        /* largeur image */}#imageContainer img {  display:none;  position:absolute;}

mama3802
*****

Féminin
Messages : 581
Inscrit(e) le : 30/04/2010

http://perfectmatch.max2forum.com/
mama3802 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code animation pour mes partenaires

Message par tupac le Dim 16 Oct 2011 - 13:05

Bonjour mama
Je ne vois qu'une chose a faire c'est de placer un margin-left dans le code suivant comme ceci.

Code:
#imageContainer img { margin-left: 50px;  display:none;  position:absolute;}
A vous de régler la marge.

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code animation pour mes partenaires

Message par mama3802 le Dim 16 Oct 2011 - 21:08

C'est parfait =) Merci beaucoup.

mama3802
*****

Féminin
Messages : 581
Inscrit(e) le : 30/04/2010

http://perfectmatch.max2forum.com/
mama3802 a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 2 Précédent  1, 2

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum