Code animation pour mes partenaires
+2
bando
Roxy.
6 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 2 sur 2 • Partagez
Page 2 sur 2 • 1, 2
Code animation pour mes partenaires
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
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
Dernière édition par mama3802 le Dim 16 Oct - 21:09, édité 1 fois
Re: Code animation pour mes partenaires
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.
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) + ")";
}
}
Re: Code animation pour mes partenaires
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
Merci.
Une dernière chose, l'animation n'est pas centré. Comment je peux y remedier? svp
Merci.
Une dernière chose, l'animation n'est pas centré. Comment je peux y remedier? svp
Re: Code animation pour mes partenaires
Bonsoir
Essayez de remplacer ceci.
Essayez de remplacer ceci.
- Code:
<div id="imageContainer">
- Code:
<div align="center" id="imageContainer">
Re: Code animation pour mes partenaires
ça change rien =/
Re: Code animation pour mes partenaires
Bonjour
Essayez d'entourer vos liens d'une balise (center) comme ceci.
Essayez d'entourer vos liens d'une balise (center) comme ceci.
- Code:
<center> vos liens </center>
Re: Code animation pour mes partenaires
ça ne change toujours rien. Pourtant il y a cette balise qui devrait les mettrent au milieu non?
Sinon est ce qu'il faudrait modifier quelque chose la dedans?
- 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;}
Re: Code animation pour mes partenaires
Bonjour mama
Je ne vois qu'une chose a faire c'est de placer un margin-left dans le code suivant comme ceci.
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;}
Re: Code animation pour mes partenaires
C'est parfait =) Merci beaucoup.
Page 2 sur 2 • 1, 2
Sujets similaires
» Mettre une catégories pour les partenaires
» Problème avec le code Javascript pour le feu d'artifice (code pour les fêtes)
» Un dérouleur pour mes partenaires
» Animation pluie de flocon pour forum
» Bouton publicitaire pour les partenaires
» Problème avec le code Javascript pour le feu d'artifice (code pour les fêtes)
» Un dérouleur pour mes partenaires
» Animation pluie de flocon pour forum
» Bouton publicitaire pour les partenaires
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 2 sur 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum