jquery et jqdock

**nicolasdaunay** · 21/10/2009, 16h17

voila j'essaie d'utiliser le plug in jqdock de http://www.wizzud.com/jqDock/ . j'ai crée un repertoire avec la librairie jquery le fichier jqdock et inserer le code dans ma page html tel que :

Code html :

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
34
35
36
37
38
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
 
<script type="text/javascript"> jQuery(document).ready(function(){
  jQuery('#menu').jqDock(options);
}); 
</script>
<script type='text/javascript' src='jquery-1.2.3.min.js'></script>
<script type='text/javascript' src='jquery.jqDock.min.js'></script>
 
 
 
 
</head>
 
<body>
 
<div id='menu'>
 
  <div>
    <div class='jqDock'>
 
      <div>
        <a href='file:///C|/Documents and Settings/doudoudu/Bureau/page.html' title=''>
          <img src='image1.png' alt='' title='' class='jqDockMouse0_n' /></a>      </div>
 
      <div>
        <a href='file:///C|/Documents and Settings/doudoudu/Bureau/page.html' title=''>
        <img src='image2.png' alt='' title='' class='jqDockMouse0_n' /></a>      </div>
 
  </div>
</div>
</div>
</body>
</html>

mais au survol de la souris rien ne se passe !!
et j'obtiens une image fixe avec les images voulue et un border bleu

que dois je faire merci

**Bovino** · 21/10/2009, 16h25

Salut et bienvenue sur le forum.

Fais attention d'insérer tes scripts dans le bon ordre ! Dans ce que tu fais, tu appelles une fonction jQuery ($(document).ready(...)) avant d'avoir intégrer la librairie jQuery, donc ça ne peut pas marcher

Code :

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

1
2
3
4
5
6
<script type='text/javascript' src='jquery-1.2.3.min.js'></script>
<script type='text/javascript' src='jquery.jqDock.min.js'></script>
<script type="text/javascript"> jQuery(document).ready(function(){
  jQuery('#menu').jqDock(options);
}); 
</script>

**nicolasdaunay** · 21/10/2009, 16h35

merci pour l'information mais cela ne change pas ce que j'obtiens , auriez vous une autre idée s'il vous plait .....

**Bovino** · 21/10/2009, 16h47

Code :

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

jQuery('#menu').jqDock(options);

Plutôt que "options" qui ne correspond à rien, passe en paramètre les options souhaitées

**nicolasdaunay** · 21/10/2009, 17h05

Code :

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

1
2
3
4
5
6
<script type='text/javascript' src='jquery-1.2.3.min.js'></script>
<script type='text/javascript' src='jquery.jqDock.min.js'></script>
<script type="text/javascript"> jQuery(document).ready(function(){
  jQuery('#menu').jqDock( size:36,distance:54,coefficient:1.5,duration:500,align:'bottom',labels:false,source:false,loader:'image');
}); 
</script>

voila le script changé mais cela ne provoque aucun changement .

je vous remercie beaucoup pour vos conseils et espère que vous pourrez trouvez la solution.

merci beaucoup !!!!

**Bovino** · 21/10/2009, 18h36

Option doit être un objet, il manque les accolades...

Code :

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

jQuery('#menu').jqDock( {size:36,distance:54,coefficient:1.5,duration:500,align:'bottom',labels:false,source:false,loader:'image'});

jquery et jqdock

jQuery

Vue hybride

Discussions similaires

Partager

Partager