Jquery survol image et titre

Résolu/Fermé

moon136 Messages postés 71 Date d'inscription samedi 12 août 2017 Statut Membre Dernière intervention 17 avril 2018 - 17 oct. 2017 à 23:26
moon136 Messages postés 71 Date d'inscription samedi 12 août 2017 Statut Membre Dernière intervention 17 avril 2018 - 18 oct. 2017 à 23:44

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

A voir également:

Jquery survol image et titre
Image iso - Guide
Je cherche une chanson dont je ne connais pas le titre - Guide
Acronis true image - Télécharger - Sauvegarde
Google recherche par image - Guide
Faststone image viewer - Télécharger - Visionnage & Diaporama

1 réponse

Réponse 1 / 1

jordane45 Messages postés 38137 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024 4 649
18 oct. 2017 à 09:28

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

moon136 Messages postés 71 Date d'inscription samedi 12 août 2017 Statut Membre Dernière intervention 17 avril 2018
18 oct. 2017 à 23:44

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

Discussions similaires

Retrouver l'image originale après avoir fait des modifications ?

"Nom de l'adresse" lors d'une inscription sur une site

Comment enlever le rouge sur la photo svp ?

titre encadré

Discussions similaires

Newsletters