Bonjour!

J'ai un site web à rendre demain dans le cadre d'un projet étudiant et je bute sans cesse dans le jquery. A savoir, j'apprend en autodidacte depuis 1 semaine + j'ai beaucoup de mal à comprendre toutes les subtilités de la conception de site web = je m'aide au maximum de tuto.
Pour le Problème, je tente d'inséré un code Jquery sur mon site mais le résultat est un échec aussi cuisant que constant. Si votre aide me permet de sortir de là, j'allume le cierge!

Voilà la feuille de style js de mon code:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
$(document).ready(function(){
    slider.init();
    slider.play_defil();
    });
 
    slider={
        init: function(){
            slider.elem=$("#head_slider_content");
            slider.nbSlide=slider.elem.find("object").length;
            slider.curent=0;
            $("header_slider_fleche_droite").click(function(){
                slider.next();
            });
            $("header_slider_fleche_gauche").click(function(){
                slider.prev();
            });
            $("head_slider").mouseover(function(){
                slider.stop_defil();
        });
            $("head_slider").mouseout(function(){
                slider.play_defil();
        },
 
        next:function(){  // Ici
            slider.current++;
            if(slider.current>slider.nbSlide-1)
            {
                slider.current=0;
                slider.elem.stop().animate({marginLeft:"0px"});
            }
            else
            {
                slider.elem.stop().animate({marginLeft:-slider.current*820+"px"});
            }
        },
        prev:function(){
            slider.current--;
            if(slider.current<0)
        {
            slider.current=slider.nbSlide-1;
        }
        slider.elem.stop().animate({marginLeft:-slider.current*820+"px"});
        },
        play_defil:function(){
            slider.timer=window.setInterval("slider.next()",2000);
        },
        stop_defil:function(){
            window.clearInterval(slider.timer);
    }

Le jquery persiste à me dire qu'il y a une erreur à la ligne 24 mais je ne vois pas laquelle...

L'idée finale étant d'avoir un slider vidéo sur mon site avec flèche gauche et flèche droite

Pour la situer, j'aimerais qu'elle s'imbrique dans le code html suivant, dans la div "clips". Je vous présente l'échec obtenu:

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div id="clips" style="padding-top:226px;">
        <h1 class="center">CLIPS</h1>
        	<div id="head_slider">
                <div id="head_slider_fleche_gauche">
                </div>
                <div id="head_slider_fleche_droite">
                </div>
                <div id="head_slider_content_list">
                </div>
                <div id="head_slider_content">
                <iframe width="640" height="360" src="http://www.youtube.com/embed/KQu8FOjJXdI" frameborder="0"></iframe>
                <iframe width="640" height="360" src="http://www.youtube.com/embed/vSkb0kDacjs" frameborder="0"></iframe>
                <iframe width="640" height="360" src="http://www.youtube.com/embed/lmc21V-zBq0" frameborder="0"></iframe>
                </div>
        	</div>
    </div>



Et voilà le tuto qui m'a appris ce code:


Merci pour la moindre aide!

Bonnes fêtes!