Jquery survol image et titre

Résolu
Bonjour,

bonjour
j'ai un soucis sur mon script avec jquery au survol du bandeau, le titre du site doit se changer et l'image affichée aussi.

j'ai l'erreur :error parsing error unexpected
$(document).ready(function(){
			$("body").css('background','url(bg.png)');
	        $("#conteneur").css('width','960px').css('margin','auto');
			$('#conteneur *').css('font-family','arial');
			$("#bandeau").css('background','url(montagne.jpg)').css('width','960px').css('height','300px');
	$("#bandeau").hover(function(){ // je survole le bandeau

$(this).css('background','url(cocotier.jpg)'); // je modifie son arrière-plan

	        $("#gauche").css('width','700px');
			$("#gauche").css('float','left');
			$("#droite").css('float','right');
			$("#droite").css('width','200px');
			$('h1').css('font-size','36px');
			$('h1').css('text-align','center');
			$('h2').css('font-size','16px');
			$('p:first').css('font-weight','bold');
			$('p:eq(2)').css('font-style','italic');
			$('li:contains').css('color','#008800');
			$("#droite ul:first li:last").css('border','#080 1px solid');
			$("#droite ul:last").css('list-style','none');
			$("#droite ul").css('padding-left','0');
			$("#droite ul:last a").css('text-decoration','none');
			$("#droite ul:last a").css('font-size','0.9em');
			$("#droite ul:last a:odd").css('color','#C60');
			$("#droite ul:last a:even").css('color','#36C');
			$("p:eq(1)").css('font-family','"Times New Roman", Times, serif');
		       $("#bandeau").hover(function(){ // survole du bandeau
                      $(this).css('background','url(cocotier.jpg)'); // je modifie l' arrière-plan
                       $("h1").text("Les îles"); // je modifie  le texte du h1
		         function (){
                      $(this).css('background','url(montagne.jpg)');
                         $("h1").text("La montagne");

	  };
			
	 

<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.3.min.js"></script>
<script src="jquerycss.js"></script>
</head>

<body>
<div id="conteneur">
<h1>La montagne</h1>
<div id="bandeau"></div>
<div id="gauche">


</div>
<div id="droite">
<h2>Les activités</h2>
<ul>
<li>Bicyclette</li>
<li>Natation</li>
<li>Equitation</li>
<li>Randonnée</li>
<li>Cueillette de myrtille</li>
<li>Rien et c'est ce qu'on préfère!</li>


</div>
</body>
</html>

merci de votre aide

1 réponse

  1. Modérateur
    Bonjour,

    Visiblement tu as oublié de fermer des accolades/parenthèses....

    $("#bandeau").hover(function(){ // survole du bandeau
         $(this).css('background','url(cocotier.jpg)'); // je modifie l' arrière-plan
         $("h1").text("Les îles"); // je modifie  le texte du h1
    });
       function (){
          $(this).css('background','url(montagne.jpg)');
          $("h1").text("La montagne");
       });
    
    

    1. eh oui merci ce sont de toute petite erreur qui fait que mes script ne sont pas fonctionnel. en ce moment je rencontre des problemede chargement de fichier...