Discussion :

[Invité]

Bonjour, j'utilise la bibliothèque Jquery, et je rencontre un petit problème.
Je veux réaliser une bannière de pub, qui charge au début de la page.
J'utilise slideDown et slideUp, mais le problème c'est que les deux s'enchaînent simultanément: mon div apparait, puis disparait. Y a t'il un moyen de temporiser l'éxecution du slideUp, avec par exemple un délai entre les deux de 5 secondes (ou 6, 10, peut-importe)

Cordialement,
Etienne

[Invité]

Alors, voilà une réponse carabinée. J'ai trouvé !

Donc, au début, j'utilisais ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript">
            jQuery(function() {
 
 
            $("#banniere").click(function() { $("#banniere").hide();});
 
            $(document).ready(function(){ 
                $("#banniere").slideDown(2000);
                    $("#banniere").slideUp(600);
                        });
            });
        </script>

En fait, il y a un plugin pour JQuery, jQuery Timers, qui permet de "jouer" avec le temps, justement. Il y a plusieurs moyens de s'en servir voilà le mien :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<script type="text/javascript"><div style="margin-left:40px">jQuery(function() {<div style="margin-left:40px">$("#banniere").click(function() { $("#banniere").hide();});
$(document).ready(function(){ 
$("#banniere").slideDown(2000);
$("#banniere").oneTime("5s", function() {$("#banniere").slideUp(600);});</div>});</div>});
</script>

Vous trouverez sur ce site des exemples et la doc : http://jquery.offput.ca/every/

Un équivalent français:
http://www.webinventif.fr/jquery-tim...itre-du-temps/


En ésperant que ça servira !

Cordialement,
Etienne

[danielhagnoul]

Bonjour.

Voir la fonction slideToggle() :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
$("button").click(function () {
      $("p").slideToggle("slow");
    });

Si cela ne répond à votre problème, veuillez nous donner une copie du code concerné.