mon jquery ne marche pas

**zezee** · 06/05/2012, 12h25

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 :

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

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

**SpaceFrog** · 06/05/2012, 13h14

tu as une balise vers la librairie jquery ?

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

**zezee** · 06/05/2012, 14h52

Voilà ce que j'ai mis dans head

Code :

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

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

</script>

Voici comment sont mes images:

Code :

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

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

Cordialement

**SpaceFrog** · 06/05/2012, 20h16

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

**zezee** · 06/05/2012, 21h54

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 :

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

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

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;
}

**zezee** · 06/05/2012, 23h13

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

mon jquery ne marche pas

jQuery

Vue hybride

Discussions similaires

Partager

Partager