Bonjour, j'ai suivi un tuto et ça marche po !!! dream me dit ligne 4 erreur de syntaxe dans le jquery mais je vois pas, pouvez vous m'éclairez ? ci-joint:
html:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link type="text/css" rel="stylesheet" href="style.css" media="all" />
<script type="text/javascript" src="jsjquery.js"></script>
<title>Prochainement chez Ostraca</title>
</head>
<body>
‹div id="fei2" class="shadow">
‹img class="bottom" src="JPG/images/Site Jour.jpg'" />
‹img class="top" src="JPG/images/Site Nuit.jpg" />
‹/div>
‹p id="fei_onclick">Cliques-moi‹/p>
</body>
</html>
mon css:
@charset "UTF-8";
/* CSS Document */
#fei2 { position:relative; height:479px; width:850px; margin:0 auto; }
#fei2 img { position:absolute; left:0; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; }
#fei2 img.transparent { opacity:0; }
#fei_onclick { cursor:pointer; }
mon jquery:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" language="javascript" type="text/javascript" >
‹/script>
‹script language="javascript" type="text/javascript" >
$(document).ready(function() { $("#fei_onclick").click(function() { $("#fei2 img.top").toggleClass("transparent")});
});
‹/script>
Voila je suis débutant alors n'hésitez pas a me dire si j'ai choisi quelque chose de trop complexe....
merci
html:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link type="text/css" rel="stylesheet" href="style.css" media="all" />
<script type="text/javascript" src="jsjquery.js"></script>
<title>Prochainement chez Ostraca</title>
</head>
<body>
‹div id="fei2" class="shadow">
‹img class="bottom" src="JPG/images/Site Jour.jpg'" />
‹img class="top" src="JPG/images/Site Nuit.jpg" />
‹/div>
‹p id="fei_onclick">Cliques-moi‹/p>
</body>
</html>
mon css:
@charset "UTF-8";
/* CSS Document */
#fei2 { position:relative; height:479px; width:850px; margin:0 auto; }
#fei2 img { position:absolute; left:0; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; }
#fei2 img.transparent { opacity:0; }
#fei_onclick { cursor:pointer; }
mon jquery:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" language="javascript" type="text/javascript" >
‹/script>
‹script language="javascript" type="text/javascript" >
$(document).ready(function() { $("#fei_onclick").click(function() { $("#fei2 img.top").toggleClass("transparent")});
});
‹/script>
Voila je suis débutant alors n'hésitez pas a me dire si j'ai choisi quelque chose de trop complexe....
merci