Bonjour
Soit une page html "toute bête" avec une image et un lien .
Un click sur l'image ouvre une autre page = comportement normal

Ce que je souhaite ... faire un double click sur l'image ... et avoir une animation via jQuery , qui simule un " chargement" avant que le lien ne fasse son action ( autrement dit ... je double clique ... je fais patienter le visiteur 2 secondes avec une petite animation et ensuite l'url est atteinte )

la page html :
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
21
22
23
24
25
26
27
28
29
30
31
32
33
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>w_launch</title>
<style type="text/css">
.loading{display:none;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
    $('a').dblclick(function () 
    {
            // en tout premier désactiver le lien
            // mon animation
            $("#loading").fadeIn(500).delay(1000).fadeOut(250);
            $("#Table_01").delay(1750).fadeOut(250);
            // rétablir le lien pour charger la page cible
    });
 
});
</script>
</head>
<body bgcolor="#FFFFFF">
<div id="loading" class="loading"><h2>Chargement en cours</h2></div>
<a href="http://mon_site.net/site/simul_aiguillage.php?cnx=1">
<div  id="Table_01">
<img id="w_launch" src="images_launch/w_launch.gif" alt="" />
</a>
</div>
</body>
</html>
MA QUESTION REVIENT DONC A :
Comment désactiver le lien a ... puis faire les animations jQuery ... et "réactiver" le lien ?
Merci ++