de l'aide pour un slider jquery
jim6216
Bonjour,
Voila je rencontre un petit problème avec mon code.
Ce que je fais
j'ai suivi un tuto sur un slider avec bouton le déplacement
droite ou gauche ne fonctionne pas je mais le code si qu'el qu'in
pourait m'aidé a trouvait mon héreur
javascript
$(document).ready(function() {
s = new slider ("#slideshow");
});
var slider = function(id) {
self=this;
this.div = $(id);
this.slider=this.div.find(".slider");
this.largeurCache = this.div.width();
this.largeur=0;
this.div.find('a').each(function(){
self.largeur+=$(this).width();
self.largeur+=parseInt($(this).css("padding-left"));
self.largeur+=parseInt($(this).css("padding-right"));
self.largeur+=parseInt($(this).css("margin-left"));
self.largeur+=parseInt($(this).css("margin-right"));
});
this.prec = this.div.find(".prec");
this.suiv = this.div.find(".suiv");
this.saut = this.largeurCache/2;
this.nbEtapes = Math.ceil(this.largeur/this.saut);
a partir de la plus rien ne se passe
this.suiv.click(function(){
self.slider.animate({
left:-self.saut
},1000);
});
}
code html
<div id="slideshow">
<div class="suiv"></div>
<div class="prec"></div>
<div class="slider"><div class="slide">
<img src="image/Royome-uni.png" alt="image" />
<h1>Royome-uni</h1>
<h2>impot:</h2>
<h3>3%</h3>
<p class="p">
Délai de création :
<br />
comptabilité :
</p>
<div class="bouton">
<a href="Royome-uni.html">VOIR LA PAGE</a>
</div>
</div><div class="slide">
<img src="image/Belize.png" alt="image" />
<h1>Belize</h1>
<h2></h2>
<h3></h3>
<p class="p">
Délai de création :
<br />
comptabilité :
</p>
<div class="bouton">
<a href="Belize.html">VOIR LA PAGE</a>
</div>
</div>
<div class="slide">
<img src="image/Chypre.png" alt="image" />
<h1>Chypre</h1>
<h2></h2>
<h3></h3>
<p class="p">
Délai de création :
<br />
comptabilité :
</p>
<div class="bouton">
<a href="Chypre">VOIR LA PAGE</a>
</div>
</div>
<div class="slide">
<img src="image/Hong-kong.png" alt="image" />
<h1>Hong-kong</h1>
<h2></h2>
<h3></h3>
<p class="p">
Délai de création :
<br />
comptabilité :
</p>
<div class="bouton">
<a href="Hong-kong">VOIR LA PAGE</a>
</div>
</div>
<div class="slide">
<img src="image/Delaware.png" alt="image" />
<h1>Delaware</h1>
<h2></h2>
<h3></h3>
<p class="p">
Délai de création :
<br />
comptabilité :
</p>
<div class="bouton">
<a href="Delaware">VOIR LA PAGE</a>
</div>
</div>
<div class="slide">
<img src="image/Panama.png" alt="image" />
<h1>Panama</h1>
<h2></h2>
<h3></h3>
<p class="p">
Délai de création :
<br />
comptabilité :
</p>
<div class="bouton">
<a href="Panama">VOIR LA PAGE</a>
</div>
</div>
<div class="slide">
<img src="image/B.V.I.png" alt="image" />
<h1>B.V.I</h1>
<h2></h2>
<h3></h3>
<p class="p">
Délai de création :
<br />
comptabilité :
</p>
<div class="bouton">
<a href="B.V.I">VOIR LA PAGE</a>
</div>
</div>
<div class="slide">
<img src="image/Gibraltar.png" alt="image" />
<h1>Gibraltar</h1>
<h2></h2>
<h3></h3>
<p class="p">
Délai de création :
<br />
comptabilité :
</p>
<div class="bouton">
<a href="Gibraltar">VOIR LA PAGE</a>
</div>
</div>
<div class="slide">
<img src="image/Pologne.png" alt="image" />
<h1>Pologne</h1>
<h2></h2>
<h3></h3>
<p class="p">
Délai de création :
<br />
comptabilité :
</p>
<div class="bouton">
<a href="Pologne.html">VOIR LA PAGE</a>
</div>
</div>
<div class="slide">
<img src="image/Roumanie.png" alt="image" />
<h1>Roumanie</h1>
<h2></h2>
<h3></h3>
<p class="p">
Délai de création :
<br />
comptabilité :
</p>
<div class="bouton">
<a href="Roumanie">VOIR LA PAGE</a>
</div>
</div>
<div class="slide">
<img src="image/Suisse.png" alt="image" />
<h1>Suisse</h1>
<h2></h2>
<h3></h3>
<p class="p">
Délai de création :
<br />
comptabilité :
</p>
<div class="bouton">
<a href="Suisse.html">VOIR LA PAGE</a>
</div>
</div>
<div class="slide">
<img src="image/Canada.png" alt="image" />
<h1>Canada</h1>
<h2></h2>
<h3></h3>
<p class="p">
Délai de création :
<br />
comptabilité :
</p>
<div class="bouton">
<a href="Canada.html">VOIR LA PAGE</a>
</div>
</div>
<div class="slide">
<img src="image/Lettonie.png" alt="image" />
<h1>Lettonie</h1>
<h2></h2>
<h3></h3>
<p class="p">
Délai de création :
<br />
comptabilité :
</p>
<div class="bouton">
<a href="Lettonie.html">VOIR LA PAGE</a>
</div>
</div>
<div class="slide">
<img src="image/Luxembourg" alt="image" />
<h1>Luxembourg</h1>
<h2></h2>
<h3></h3>
<p id="p">
Délai de création :
<br />
comptabilité :
</p>
<div class="bouton">
<a href="Luxembourg.html">VOIR LA PAGE</a>
</div>
</div>
<div class="slide">
<img src="image/Malte.png" alt="image" />
<h1>Malte</h1>
<h2></h2>
<h3></h3>
<p id="p">
Délai de création :
<br />
comptabilité :
</p>
<div class="bouton">
<a href="Malte.html">VOIR LA PAGE</a>
</div>
</div>
<div class="slide">
<img src="image/Singapour.png" alt="image" />
<h1>Singapour</h1>
<h2></h2>
<h3></h3>
<p id="p">
Délai de création :
<br />
comptabilité :
</p>
<div class="bouton">
<a href="Singapour.html">VOIR LA PAGE</a>
</div>
</div>
<div class="slide">
<img src="image/Ecosse.png" alt="image" />
<h1></h1>
<h2></h2>
<h3></h3>
<p>
Délai de création :
<br />
comptabilité :
</p>
<div class="bouton">
<a href="Ecosse.html">VOIR LA PAGE</a>
</div>
</div>
<div class="slide">
<img src="image/Irlande.png" alt="image" />
<h1></h1>
<h2></h2>
<h3></h3>
<p>
Délai de création :
<br />
comptabilité :
</p>
<div class="bouton">
<a href="Irlande.html">VOIR LA PAGE</a>
</div>
</div> Ce que je veux
de l'aide pour trouvait se qui cloche