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 1 sur 2 • Partagez
Page 1 sur 2 • 1, 2
Code animation pour mes partenaires
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
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 2011 - 21:09, édité 1 fois
Re: Code animation pour mes partenaires
Bonsoir,
Je vous propose de faire un gif avec environ 50secondes par images avec Unfreez. Mais je pense que quelqu'un trouvera un code que moi je ne trouve pas. Donc sinon essayez ceci ^^'
Cordialement.
Je vous propose de faire un gif avec environ 50secondes par images avec Unfreez. Mais je pense que quelqu'un trouvera un code que moi je ne trouve pas. Donc sinon essayez ceci ^^'
Cordialement.
Re: Code animation pour mes partenaires
Oui mais le souci qu'il faut que les personnes qui visitent puisse cliquer dessus hors en créant un simple gif ça marche pas.
Mais merci
Mais merci
Re: Code animation pour mes partenaires
Vous voulez dire que au passage de la souris les partenaires doivent défilé ?
Re: Code animation pour mes partenaires
Non je veux un diapo des partenaires sans qu'on ai besoin de rien faire, mais qu'on puisse cliquer sur les liens
Re: Code animation pour mes partenaires
Merci.
Parcontre je sais pas ou mettre les codes. Celui ci:
Je le met dans mon code de page d'acceuil?
Et celui là:
Dans mon CSS?
Parcontre je sais pas ou mettre les codes. Celui ci:
- Code:
<div class="pics">
<a href="A"><img src="images/beach1.jpg" width="200" height="200" /></a>
<a href="B"><img src="images/beach2.jpg" width="200" height="200" /></a>
<a href="C"><img src="images/beach3.jpg" width="200" height="200" /></a>
</div>
Je le met dans mon code de page d'acceuil?
Et celui là:
- Code:
$('#s1').cycle({
fx: 'fade',
timeout: 2000,
after: onAfter
});
Dans mon CSS?
Re: Code animation pour mes partenaires
Bonjour
Tout dépend ou vous voulez mettre ces partenaires?
Vos images partenaires ont elles toutes la même taille? ( ce serait plus pratique )
Avez vous les liens des images ?
Cordialement.
Tout dépend ou vous voulez mettre ces partenaires?
Vos images partenaires ont elles toutes la même taille? ( ce serait plus pratique )
Avez vous les liens des images ?
Cordialement.
Re: Code animation pour mes partenaires
Bonjour
Dans votre widget "partenaires"
Dans votre widget "partenaires"
Re: Code animation pour mes partenaires
Oui mes images ont toutes la même taille. Et je veux les mettrent dans mon tableau de page d'accueil.
Re: Code animation pour mes partenaires
Bonjour
Pour faire fonctionner l'animation il faudrait par exemple mettre
Dans description de site ce code
*il vaut mieux héberger ce fichier js de votre coté.
Ensuite dans la gestion des codes javascript créer un nouveau code.
Mettez un nom par exemple cycle et cochez sur l'index et collez ce code et sauvegardez
dans votre CSS
rajoutez ceci
Et pour votre page d'accueil insérer la div (j'ai pris vos petites images pour l'exemple)
Pour ce qui est de ou coller le code apparemment vous avez une page d'accueil avec un sacré code
Limite vous pouvez peut être demander à la personne qui vous a aidé pour ce codage.
Cordialement.
Pour faire fonctionner l'animation il faudrait par exemple mettre
Dans description de site ce code
- Code:
<script type=text/javascript src=http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js></script>
*il vaut mieux héberger ce fichier js de votre coté.
Ensuite dans la gestion des codes javascript créer un nouveau code.
Mettez un nom par exemple cycle et cochez sur l'index et collez ce code et sauvegardez
- Code:
$(document).ready(function() {
$('.slideshow').cycle({
fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
});
});
dans votre CSS
rajoutez ceci
- Code:
.slideshow { height: 50px; width: 120px; margin: auto }
.slideshow img { padding: 2px; border: 1px solid #ccc; background-color: #eee; }
Et pour votre page d'accueil insérer la div (j'ai pris vos petites images pour l'exemple)
- Code:
<div class="slideshow">
<a href="http://forum.forumactif.com/t315557-code-animation-pour-mes-partenaires"><img src="http://img48.xooimage.com/files/5/9/4/bouton-1-1bae601.jpg" width="100" height="35" />
<a href="http://forum.forumactif.com/t315557-code-animation-pour-mes-partenaires"><img src="http://img42.xooimage.com/files/1/3/b/bouton-2-1bae624.jpg" width="100" height="35" />
<a href="http://forum.forumactif.com/t315557-code-animation-pour-mes-partenaires"><img src="http://img41.xooimage.com/files/a/3/b/bouton-2-1c75b8b.jpg" width="100" height="35" />
</div>
Pour ce qui est de ou coller le code apparemment vous avez une page d'accueil avec un sacré code
Limite vous pouvez peut être demander à la personne qui vous a aidé pour ce codage.
Cordialement.
Re: Code animation pour mes partenaires
ok, je vais essayer. Pour coller le code je devrais y arriver. Au pire je vous redemande
Merci
Merci
Re: Code animation pour mes partenaires
Je n'ai pas compris ou je devais mettre le premier code enfaite =/
Re: Code animation pour mes partenaires
Bonsoir
ICI
Cordialement.
ICI
Cordialement.
Re: Code animation pour mes partenaires
Ah bon? oO Mais c'est un peu bizard, on est obligé de passer par là?
Re: Code animation pour mes partenaires
Bonsoir
Non vous pouvez très bien aussi le placer dans votre page d'accueil au dessus de ce code.
Non vous pouvez très bien aussi le placer dans votre page d'accueil au dessus de ce code.
- Code:
<div class="slideshow">
<a href="http://forum.forumactif.com/t315557-code-animation-pour-mes-partenaires"><img src="http://img48.xooimage.com/files/5/9/4/bouton-1-1bae601.jpg" width="100" height="35" />
<a href="http://forum.forumactif.com/t315557-code-animation-pour-mes-partenaires"><img src="http://img42.xooimage.com/files/1/3/b/bouton-2-1bae624.jpg" width="100" height="35" />
<a href="http://forum.forumactif.com/t315557-code-animation-pour-mes-partenaires"><img src="http://img41.xooimage.com/files/a/3/b/bouton-2-1c75b8b.jpg" width="100" height="35" />
</div>
Re: Code animation pour mes partenaires
Ok comme ça?
Et je le place ou dans mon code ou j'ai mes partenaires?
- Code:
<script type=text/javascript src=http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js></script><div class="slideshow"> <a href="http://forum.forumactif.com/t315557-code-animation-pour-mes-partenaires"><img src="http://img48.xooimage.com/files/5/9/4/bouton-1-1bae601.jpg" width="100" height="35" /> <a href="http://forum.forumactif.com/t315557-code-animation-pour-mes-partenaires"><img src="http://img42.xooimage.com/files/1/3/b/bouton-2-1bae624.jpg" width="100" height="35" /> <a href="http://forum.forumactif.com/t315557-code-animation-pour-mes-partenaires"><img src="http://img41.xooimage.com/files/a/3/b/bouton-2-1c75b8b.jpg" width="100" height="35" /> </div>
Et je le place ou dans mon code ou j'ai mes partenaires?
- Code:
<td align="center">
<div class="cpa"><center><img src="http://img70.xooimage.com/files/1/c/a/top-elite-2b7d45e.gif"/></center><br></br><center><a href="http://hugh-laurie.us./" class="postlink" target="_blank"><img src="http://img66.xooimage.com/files/9/6/b/etoile-2b818d8.gif" border="0" alt="" /></a>
<a href="http://www.lisaedelsteinclips.com/" class="postlink" target="_blank"><img src="http://img66.xooimage.com/files/9/6/b/etoile-2b818d8.gif" border="0" alt="" /></a>
<a href="http://graph-commande.forumactif.com/forum.htm" class="postlink" target="_blank"><img src="http://img66.xooimage.com/files/9/6/b/etoile-2b818d8.gif" border="0" alt="" /></a>
<a href="http://sela-ward.net/" class="postlink" target="_blank"><img src="http://img66.xooimage.com/files/9/6/b/etoile-2b818d8.gif" border="0" alt="" /></a>
<a href="http://hetaliafanforum.un concurrent.com/index.php" class="postlink" target="_blank"><img src="http://img66.xooimage.com/files/9/6/b/etoile-2b818d8.gif" border="0" alt="" /></a>
<br><a href="http://animals-land.forumactif.biz/forum" class="postlink" target="_blank"><img src="http://img66.xooimage.com/files/9/6/b/etoile-2b818d8.gif" border="0" alt="" /></a>
<a href="http://girlyacademy.allgoo.net/forum" class="postlink" target="_blank"><img src="http://img66.xooimage.com/files/9/6/b/etoile-2b818d8.gif" border="0" alt="" /></a>
<img src="http://img73.xooimage.com/files/9/1/7/star-gri-2b8187f.png" border="0" alt="" />
<img src="http://img73.xooimage.com/files/9/1/7/star-gri-2b8187f.png" border="0" alt="" />
<img src="http://img73.xooimage.com/files/9/1/7/star-gri-2b8187f.png" border="0" alt="" /></center> <br><br><b><center><a href="http://perfectmatch.max2forum.com/partenariat-f26/nos-partenaires-forums-t2.htm"class="postlink">Plus Forums? - </a><a href="http://perfectmatch.max2forum.com/partenariat-f26/nos-partenaires-sites-t3.htm"class="postlink">Plus Sites? - </a><a href="http://perfectmatch.max2forum.com/partenariat-f26/demande-de-partenariat-a-suivre-t1.htm"class="postlink">Vous?</a></center></b></div>
</td>
Re: Code animation pour mes partenaires
Bonjour
Essayez en changeant cette partie
Par
Cordialement.
Essayez en changeant cette partie
- Code:
<a href="http://hugh-laurie.us./" class="postlink" target="_blank"><img src="http://img66.xooimage.com/files/9/6/b/etoile-2b818d8.gif" border="0" alt="" /></a>
<a href="http://www.lisaedelsteinclips.com/" class="postlink" target="_blank"><img src="http://img66.xooimage.com/files/9/6/b/etoile-2b818d8.gif" border="0" alt="" /></a>
<a href="http://graph-commande.forumactif.com/forum.htm" class="postlink" target="_blank"><img src="http://img66.xooimage.com/files/9/6/b/etoile-2b818d8.gif" border="0" alt="" /></a>
<a href="http://sela-ward.net/" class="postlink" target="_blank"><img src="http://img66.xooimage.com/files/9/6/b/etoile-2b818d8.gif" border="0" alt="" /></a>
<a href="http://hetaliafanforum.un concurrent.com/index.php" class="postlink" target="_blank"><img src="http://img66.xooimage.com/files/9/6/b/etoile-2b818d8.gif" border="0" alt="" /></a>
<br><a href="http://animals-land.forumactif.biz/forum" class="postlink" target="_blank"><img src="http://img66.xooimage.com/files/9/6/b/etoile-2b818d8.gif" border="0" alt="" /></a>
<a href="http://girlyacademy.allgoo.net/forum" class="postlink" target="_blank"><img src="http://img66.xooimage.com/files/9/6/b/etoile-2b818d8.gif" border="0" alt="" /></a>
<img src="http://img73.xooimage.com/files/9/1/7/star-gri-2b8187f.png" border="0" alt="" />
<img src="http://img73.xooimage.com/files/9/1/7/star-gri-2b8187f.png" border="0" alt="" />
<img src="http://img73.xooimage.com/files/9/1/7/star-gri-2b8187f.png" border="0" alt="" />
Par
- Code:
<div class="slideshow">
<a href="http://forum.forumactif.com/t315557-code-animation-pour-mes-partenaires"><img src="http://img48.xooimage.com/files/5/9/4/bouton-1-1bae601.jpg" width="100" height="35" />
<a href="http://forum.forumactif.com/t315557-code-animation-pour-mes-partenaires"><img src="http://img42.xooimage.com/files/1/3/b/bouton-2-1bae624.jpg" width="100" height="35" />
<a href="http://forum.forumactif.com/t315557-code-animation-pour-mes-partenaires"><img src="http://img41.xooimage.com/files/a/3/b/bouton-2-1c75b8b.jpg" width="100" height="35" />
</div>
Cordialement.
Re: Code animation pour mes partenaires
Alors j'ai essayer, mais il n'y a pas l'animation: http://perfectmatch.max2forum.com/
Re: Code animation pour mes partenaires
mama3802 a écrit:Alors j'ai essayer, mais il n'y a pas l'animation: http://perfectmatch.max2forum.com/
Bonsoir
le script est certainement pas pris en compte..
Vous avez bien mis ce script dans description de site?
- Code:
<script type=text/javascript src=http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js></script>
Cordialement.
Re: Code animation pour mes partenaires
Je l'avais oublier. Donc ça marche ( mais je l'ai mis au début du code ) sauf que les liens en dessous ne sont plus la maintenant.
Re: Code animation pour mes partenaires
Bonsoir
Pouvez-vous nous donner le code avec les liens svp.
Pouvez-vous nous donner le code avec les liens svp.
Re: Code animation pour mes partenaires
J'ai mis exactement ce que vous m'avez donné pour l'instant, j'ai pas changer les liens des images.
Mais rien apparait, vous pouvez aller voir sur mon forum: http://perfectmatch.max2forum.com/
J'ai ceci dans généralités:
Dans le CSS j'ai ça:
Et enfin j'ai mis le code java dans Gestion des codes Javascript:
Mais rien apparait, vous pouvez aller voir sur mon forum: http://perfectmatch.max2forum.com/
J'ai ceci dans généralités:
- Code:
<div class="cpa"><center><img src="http://img70.xooimage.com/files/1/c/a/top-elite-2b7d45e.gif"/></center><br></br><center><script type=text/javascript src=http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js><div class="slideshow"><a href="http://forum.forumactif.com/t315557-code-animation-pour-mes-partenaires"><img src="http://img48.xooimage.com/files/5/9/4/bouton-1-1bae601.jpg" width="100" height="35" /><a href="http://forum.forumactif.com/t315557-code-animation-pour-mes-partenaires"><img src="http://img42.xooimage.com/files/1/3/b/bouton-2-1bae624.jpg" width="100" height="35" /><a href="http://forum.forumactif.com/t315557-code-animation-pour-mes-partenaires"><img src="http://img41.xooimage.com/files/a/3/b/bouton-2-1c75b8b.jpg" width="100" height="35" /></div></script></center> <br><br><b><center><a href="http://perfectmatch.max2forum.com/partenariat-f26/nos-partenaires-forums-t2.htm"class="postlink">Plus Forums? - </a><a href="http://perfectmatch.max2forum.com/partenariat-f26/nos-partenaires-sites-t3.htm"class="postlink">Plus Sites? - </a><a href="http://perfectmatch.max2forum.com/partenariat-f26/demande-de-partenariat-a-suivre-t1.htm"class="postlink">Vous?</a></center></b></div>
Dans le CSS j'ai ça:
- Code:
.slideshow { height: 50px; width: 120px; margin: auto }
.slideshow img { padding: 2px; border: 1px solid #ccc; background-color: #eee; }
Et enfin j'ai mis le code java dans Gestion des codes Javascript:
- Code:
$(document).ready(function() {
$('.slideshow').cycle({
fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
});
});
Re: Code animation pour mes partenaires
Bonsoir
je peux vous proposer un autre code qui fonctionne très.
Placer le code suivant dans votre page d'accueil vos liens sont déjà a l'intérieur.
je peux vous proposer un autre code qui fonctionne très.
Placer le code suivant dans votre page d'accueil vos liens sont déjà a l'intérieur.
- Code:
<style>
#imageContainer {
position:relative;
height:35px; /* hauteur image */
width:100px; /* largeur image */
}
#imageContainer img {
display:none;
position:absolute;
}
</style>
<div class="cpa"><center><img src="http://img70.xooimage.com/files/1/c/a/top-elite-2b7d45e.gif"/></center><br></br>
<div id="imageContainer">
<a href="http://forum.forumactif.com/t315557-code-animation-pour-mes-partenaires"><img src="http://img48.xooimage.com/files/5/9/4/bouton-1-1bae601.jpg" width="100" height="35" />
<a href="http://forum.forumactif.com/t315557-code-animation-pour-mes-partenaires"><img src="http://img42.xooimage.com/files/1/3/b/bouton-2-1bae624.jpg" width="100" height="35" />
<a href="http://forum.forumactif.com/t315557-code-animation-pour-mes-partenaires"><img src="http://img41.xooimage.com/files/a/3/b/bouton-2-1c75b8b.jpg" width="100" height="35" />
</div>
<br><br><b><center><a href="http://perfectmatch.max2forum.com/partenariat-f26/nos-partenaires-forums-t2.htm"class="postlink">Plus Forums? - </a><a href="http://perfectmatch.max2forum.com/partenariat-f26/nos-partenaires-sites-t3.htm"class="postlink">Plus Sites? - </a><a href="http://perfectmatch.max2forum.com/partenariat-f26/demande-de-partenariat-a-suivre-t1.htm"class="postlink">Vous?</a></center></b></div>
- 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) + ")";
}
}
- Code:
setTimeout(so_xfade,2000);
setTimeout(so_xfade,2000);
Re: Code animation pour mes partenaires
Et ba ça ne marche pas chez moi =P Les images n'apparaissent toujours pas.
Re: Code animation pour mes partenaires
voila le code que j'utilise :
"https://i.servimg.com/u/f68/12/88/30/25/88x3114.png">>image ^^
le résultat donne ça
Par contre les image se stoppent pas ^^"
- Code:
<marquee>
<a href="http://lavraipub.forumactif.com/" class="postlink" target="_blank"><img src="http://i63.servimg.com/u/f63/14/93/56/08/sans_t15.jpg" border="0" alt="" /></a>
<a href="http://www.xixi-pub.com" target="_blank"><img src="http://i24.servimg.com/u/f24/14/04/83/06/88311111.jpg"></a>
<a href="http://mowglipubenfolie.forumgratuit.be/" class="postlink" target="_blank"><img src="http://zepload.com/images/1295175973_forum.gif" border="0" alt="" /></a>
<a href="http://www.addpubforumdepub.com " target="_blank"><img src="http://i64.servimg.com/u/f64/09/04/35/80/logo1410.png" border="0"></a>
<a href="http://pubomatic.forumactif.com/"><img src="http://i68.servimg.com/u/f68/12/88/30/25/88x3114.png"></img></a>
</marquee>
"https://i.servimg.com/u/f68/12/88/30/25/88x3114.png">>image ^^
le résultat donne ça
Par contre les image se stoppent pas ^^"
Re: Code animation pour mes partenaires
C'est gentil mais ce n'est pas la même chose Vous utilisez une balise marquee pour un défilement, ce n'est pas pareil.
Re: Code animation pour mes partenaires
ah pardon >-<
Bon courage pour l suite ^^
Bon courage pour l suite ^^
Page 1 sur 2 • 1, 2
Sujets similaires
» Demande de code lien pour ajouter des 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
» 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
» Mettre une catégories 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 1 sur 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum