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>

3 réponses


extrarox
Réponse acceptée

Salut,

Tu as oublié le diese :

$("#carrousel").carouFredSel();

Salut, tu t'es tromper ici :

$("carrousel").carouFredSel();

c'est .carrousel

$(".carrousel").carouFredSel();
ths
Auteur

Ok, merci ! Super étrange en tout cas que le fichier de l'auteur ne pas soit fonctionnelle.
Et sur le modèle CSS twitter templates, vous savez de quoi il est question ?