Bonjour,
Je regardais le tutoriel sur caroufredsel et je bloque dès le début !
Firebug m'insulte comme ça:
carouFredSel: No element found for "carrousel".
jquery...cked.js (ligne 15)
Dans le paquet de téléchargement de Caroufredsel, il y a un index.html de démo. Il me dit exactement la même chose (avec l'id correspondant bien-sûr)
Avez-vous une idée ?
Sinon, au début du tutoriel, il parle d'un templates Twitter CSS quelque chose, je n'ai pas bien compris. De quoi s'agit-il?
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
<head>
<title>Test scroll</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" language="javascript" src="http://caroufredsel.frebsite.nl/js/jquery/jquery.js"></script>
<script type="text/javascript" language="javascript" src="http://caroufredsel.frebsite.nl/js/jquery/jquery.carouFredSel-5.5.0-packed.js"></script>
<script type="text/javascript" language="javascript">
$(function() {
$("carrousel").carouFredSel();
});
</script>
<style type="text/css">
.carrousel {width: 960px;}
.carrousel a { display:block; float:left; width:182px;height:130px;margin-right:10px;}
</style>
</head>
<body>
<div class="carrousel" id="carrousel">
<a href="#">
<img src="http://placehold.it/182x130" alt="test" />
</a>
<a href="#">
<img src="http://placehold.it/182x130" alt="test" />
</a>
<a href="#">
<img src="http://placehold.it/182x130" alt="test" />
</a>
<a href="#">
<img src="http://placehold.it/182x130" alt="test" />
</a>
<a href="#">
<img src="http://placehold.it/182x130" alt="test" />
</a>
<a href="#">
<img src="http://placehold.it/182x130" alt="test" />
</a>
<a href="#">
<img src="http://placehold.it/182x130" alt="test" />
</a>
<a href="#">
<img src="http://placehold.it/182x130" alt="test" />
</a>
<a href="#">
<img src="http://placehold.it/182x130" alt="test" />
</a>
</div>
</body>
</html>
ths