Discussion :

[LeHibou2]

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 :

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

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

[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 :

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

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

[LeHibou2]

Merci, mais ça ne fonctionne pas.

Code :

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

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

[LeHibou2]

MEA CULPA :

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


MERCI !!! héhéhéhé !

A bientôt,

LeHibou