Bonjour,
Désolé de re-poser une question simple mais j'ai un dernier problème.
J'ai deux liens (#gauche et #droite) ; ils me permettent de faire bouger une gallerie (lightbox) à droite ou gauche. Or, j'ai plusieurs galleries mais seulement deux "boutons" (liens). Je veux que ces deux boutons reviennent à leur état premier lorsque je clique sur une autre gallerie (comme si je n'avais pas, dans la page, déjà cliqué dessus.) Ci-dessous mon code :
<script type="text/javascript">
$(document).ready(function() {
var pos = 1;
var decal = 1;
var nombre = 4;
$(function() { $('#gallery a').lightBox(); });
$(function() { $('#gallery1 a').lightBox(); });
$(function() { $('#gallery2 a').lightBox(); });
$(function() { $('#gallery3 a').lightBox(); });
$('#webdesign').click(function() {
$('#cont').animate({top: '0'}, 300);
$('#gallery').css('left', '0px');
nombre = 4 ;
});
$('#print').click(function() {
$('#cont').animate({top: '-170'}, 300);
$('#gallery1').css({left: '0'});
nombre = 7 ;
});
$('#illustrator').click(function() {
$('#cont').animate({top: '-340'}, 300);
$('#gallery2').css('left', '0px');
nombre = 3;
});
$('#photoshop').click(function() {
$('#cont').animate({top: '-510px'}, 300);
$('#gallery3').css('left', '0px');
nombre = 8 ;
});
//voilà les deux fonctions que je veux remettre à zéro//
$('#gauche').click ( function() {
pos -= decal;
$('.galleries').animate({left: '+=86px'}, 'slow');
if (pos==1) {$(this).css('visibility', 'hidden'); };
$('#droite').css('visibility', 'visible');
});
$('#droite').click ( function() {
pos += decal ;
$('.galleries').animate({left: '-=86px'}, 'slow');
if (pos + decal >= nombre) {$(this).css('visibility', 'hidden'); };
$('#gauche').css('visibility', 'visible');
});
});
</script>