Code animation pour mes partenaires

Page 1 sur 2 1, 2  Suivant

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

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 Roxy. le Jeu 29 Sep 2011 - 18:45

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.

Roxy.
# Tropactif #

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code animation pour mes partenaires

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

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 Wink

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 Roxy. le Jeu 29 Sep 2011 - 20:06

Vous voulez dire que au passage de la souris les partenaires doivent défilé ?

Roxy.
# Tropactif #

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code animation pour mes partenaires

Message par mama3802 le Jeu 29 Sep 2011 - 21:32

Non je veux un diapo des partenaires sans qu'on ai besoin de rien faire, mais qu'on puisse cliquer sur les liens

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 Adam_sfp le Jeu 29 Sep 2011 - 21:59

Bonsoir

Peut être avec le plugin Jquery CYCLE

Et cet exemple pour des liens sur les images. ICI

Cordialement.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code animation pour mes partenaires

Message par mama3802 le Ven 30 Sep 2011 - 10:16

Merci.

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?

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 Adam_sfp le Ven 30 Sep 2011 - 10:44

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.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code animation pour mes partenaires

Message par Zorro le Ven 30 Sep 2011 - 10:44

Bonjour

Dans votre widget "partenaires"




Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe


Zorro
Dévactif
Dévactif

Masculin
Messages : 2005
Inscrit(e) le : 05/12/2006

https://fr.wikipedia.org/wiki/Guy_Williams_(acteur)
Zorro a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code animation pour mes partenaires

Message par mama3802 le Ven 30 Sep 2011 - 12:22

Oui mes images ont toutes la même taille. Et je veux les mettrent dans mon tableau de page d'accueil.

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 Adam_sfp le Ven 30 Sep 2011 - 16:36

Bonjour

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 Shocked

Limite vous pouvez peut être demander à la personne qui vous a aidé pour ce codage.

Cordialement.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code animation pour mes partenaires

Message par mama3802 le Ven 30 Sep 2011 - 19:23

ok, je vais essayer. Pour coller le code je devrais y arriver. Au pire je vous redemande Wink
Merci

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 mama3802 le Ven 30 Sep 2011 - 21:01

Je n'ai pas compris ou je devais mettre le premier code enfaite =/

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 Adam_sfp le Ven 30 Sep 2011 - 21:41

Bonsoir

ICI


Cordialement.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code animation pour mes partenaires

Message par mama3802 le Ven 30 Sep 2011 - 22:48

Ah bon? oO Mais c'est un peu bizard, on est obligé de passer par là?

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 Sam 1 Oct 2011 - 3:04

Bonsoir

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>

tupac
+ Hyperactif +

Masculin
Messages : 2334
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 Sam 1 Oct 2011 - 11:58

Ok comme ça?

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>

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 Adam_sfp le Sam 1 Oct 2011 - 12:46

Bonjour

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.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code animation pour mes partenaires

Message par mama3802 le Dim 2 Oct 2011 - 11:35

Alors j'ai essayer, mais il n'y a pas l'animation: http://perfectmatch.max2forum.com/

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 Adam_sfp le Dim 2 Oct 2011 - 21:29

@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.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code animation pour mes partenaires

Message par mama3802 le Dim 2 Oct 2011 - 23:07

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.

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 mama3802 le Mar 4 Oct 2011 - 20:11

Up 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 Mar 4 Oct 2011 - 22:28

Bonsoir

Pouvez-vous nous donner le code avec les liens svp.

tupac
+ Hyperactif +

Masculin
Messages : 2334
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 5 Oct 2011 - 18:34

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:

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...                 
});
});

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 6 Oct 2011 - 3:15

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.

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>
Puis la partie JavaScript a placer dans une nouvelle page vous n'avez pas besoin de prendre l’adresse de cette page il vous suffi juste de placer le code et de valider.

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) + ")";
   }
   
}
Si vous voulez régler la vitesse du fondu ça se passe dans les deux même lignes suivant qui se trouve dans le JavaScript plus vous augmentez le chiffre plus le fondu sera lent.
Code:
setTimeout(so_xfade,2000);

setTimeout(so_xfade,2000);

tupac
+ Hyperactif +

Masculin
Messages : 2334
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 6 Oct 2011 - 8:32

Et ba ça ne marche pas chez moi =P Les images n'apparaissent toujours pas.

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 Eleru le Jeu 6 Oct 2011 - 9:52

voila le code que j'utilise :
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://i68.servimg.com/u/f68/12/88/30/25/88x3114.png">>image ^^
le résultat donne ça
Par contre les image se stoppent pas ^^"

Eleru
**

Messages : 69
Inscrit(e) le : 07/11/2010

http://ennvy.forumdediscussions.com
Eleru a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code animation pour mes partenaires

Message par mama3802 le Jeu 6 Oct 2011 - 14:09

C'est gentil mais ce n'est pas la même chose Wink Vous utilisez une balise marquee pour un défilement, ce n'est pas pareil.

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 Eleru le Ven 7 Oct 2011 - 9:52

ah pardon >-<
Bon courage pour l suite ^^

Eleru
**

Messages : 69
Inscrit(e) le : 07/11/2010

http://ennvy.forumdediscussions.com
Eleru a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code animation pour mes partenaires

Message par mama3802 le Lun 10 Oct 2011 - 16:33

Up 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.

Page 1 sur 2 1, 2  Suivant

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