Animate puis fade

Version imprimable

Animate puis fade

Bonjour à tous,

Je ne parviens pas à voir ce qui cloche dans ma fonction : je cherche à bouger la div ayant pour id blockDImages , puis à créer un fade-out de la page lors d'un click sur une ancre de class transition.

En l'état, cela ne fonctionne pas :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <script type="text/javascript"> $(document).ready(function() { $("a.transition").click(function(event){ event.preventDefault(); linkLocation = this.href; $("#blockDImages").animate({top:-500px}, 3000); $("body").fadeOut(1000, redirectPage); }); function redirectPage() { window.location = linkLocation; } }); </script>
Si je retire "$("#blockDImages").animate({top:-500px}, 3000);", le fade out est effectif, mais la div nebouge pas (normal).

Mais je veux les deux effets successivement.

Comment corriger ? Je suis sûr que je suis tout à côté..

A très bientôt,

LeHibou

08/04/2012, 13h06
Bovino
Les deux animations ne s'appliquant pas au même objet, elles sont lancées en parallèle, pas l'une après l'autre.
Il faut lancer le fadeOutdans la fonction de rappel de animate() :
Code:

1 2 3 $("#blockDImages").animate({top:-500px}, 3000, function(){ $("body").fadeOut(1000, redirectPage); });

Merci, mais ça ne fonctionne pas.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script type="text/javascript" src="/template/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
 $(window).bind("unload", function() {
});
 
    $("a.transition").click(function(event){
        event.preventDefault();
        linkLocation = this.href;
 
        $("#blockDImages").animate({top:"-=500"}, 3000, function(){
    $("body").fadeOut(1000, redirectPage);
});
});
 
    function redirectPage() {
        window.location = linkLocation;
    }
});
</script>

Lorsque je clique, il n'y a plus aucun effet..
Et le position du #blockDImages est sur relative.

A bientôt,

LeHibou

08/04/2012, 13h44
LeHibou2

MEA CULPA :

c'est parfait : merci beaucoup. J'avais fait une faute d'ortho dans mon script.

MERCI !!! héhéhéhé !:ccool:

A bientôt,

LeHibou