mon jquery ne marche pas

Bonjour,
J'ai des images dans mon projet, je suis débutante en jquery.

Au survol de ces images tout d'abord, la lumière de ces images doivent s'atténuer.

voici le code que j'ai fait qui ne marche pas, aussi, je sais pas ou le mettre.
Code:

1 2 3 4 5 6 7 <script type="text/javascript" > $(function(){ $('img').mouseover(function() { $(this).fadeIn(3000);}); }); </script>

tu as une balise vers la librairie jquery ?

elle sont comment au départ tes images en display none ou en faible opacité ?

suite

Voilà ce que j'ai mis dans head

Code:

<script type="text/javascript" src="jquery.js">

</script>

Voici comment sont mes images:

Code:

<img src="earth.jpg" class="premier" alt= "earth" title = "Earth" style= "height: 150px;width: 150px;" />

Cordialement

le fichier js est dans le même repertoire que ta page ?

Mon truc, je suis sur Mozilla ubuntu

Il me semble que le javascript est activé mais peut-être pas, jquery.js, comme solar.css est dans mon répertoire, je sais pas ou est le problème, toute cette journée, j'ai essayé de faire fonctionner jquery sans succés, je suis très novice en ce langage, à peine l'ai-je vu hier.

Voici mon code :

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN“
 
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
 
 
 
  <html>  
  <head>
<link href="solar.css" media="all" rel="stylesheet" type="text/css" />
 
   <meta http-equiv="Content-Type" 
		     content="text/html; charset=utf-8" />
    <script type="text/javascript" src="jquery.js" > 
 
 
 
 
</script>  
 
 
 
      </head>
 
      <body>
 
 
 
<img src="earth.jpg"  class="premier" alt= "earth" title = "Earth" style= "height: 150px;width: 150px;" />
 <script  type="text/javascript" >
 $(function(){
     $('img').mouseover(function() {
      $(this).fadeIn(3000);});
 
  });
 
 
 
 
      </script> 
 
<img src="jupiter.jpg" class="deuxieme" alt= "jupiter" title = "Jupiter" style= "height: 150px;width: 150px;" />
<img src="mars.jpg" class= "troisieme" alt= "mars" title = "Mars" style= "height: 150px;width: 150px;" />
</br>
<img src="mercury.jpg" class="premier" alt= "mercury" title = "Mercury" style= "height: 150px;width: 150px;" />
<img src="netpune.jpg" class="deuxieme" alt= "neptune" title = "Neptune" style= "height: 150px;width: 150px;" />
<img src="saturn.jpg" class= "troisieme" alt= "saturn" title = "Saturn" style= "height: 150px;width: 150px;" />
</br>
<img src="sun.jpg" class="premier" alt= "sun" title = "Sun" style= "height: 150px;width: 150px;" />
<img src="uranus.jpg" class="deuxieme" alt= "uranus" title = "Uranus" style= "height: 150px;width: 150px;" />
<img src="venus.jpg" class= "troisieme" alt= "venus" title = "Venus"  style= "height: 150px;width: 150px;"/>
 
</body>
</html>

celui de mon css :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
.premier{
margin-left: 60px;
margin-bottom: 60px;
}
.deuxieme{
margin-left: 60px;
margin-bottom: 60px;
}
.troisieme{
margin-left: 60px;
margin-bottom: 60px;
}

résolution

C'est plutot fadeto(duration, opacity) à utiliser, script à mettre dans head