jquery et jqdock

Version imprimable

jquery et jqdock

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:

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

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:

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>

21/10/2009, 15h35
nicolasdaunay

merci pour l'information mais cela ne change pas ce que j'obtiens , auriez vous une autre idée s'il vous plait .....:cry:
21/10/2009, 15h47
Bovino

Code:

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

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

Code:

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 !!!!

21/10/2009, 17h36
Bovino

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

Code:

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

merci bcp pour vos efforts mais cela ne change rien .
23/10/2009, 16h51
nicolasdaunay

jqdock en detresse

ça y'est j'ai trouvé il faut changer le var opts = par var options= et la tout rentre dans l'ordre le script s'execute .

merci quand même bovino.