Bonjour,
J'ai un problème qui me rend fou ! J'ai un script qui fonctionne bien pour effectuer un carroussel vertical et horizontal. Malheureusement, je n'arrive pas à ré-attribuer, sur le on-click d'une catégorie (par exemple '#print'), la valeur de la variable var nombre ; (nombre correspondant à un nombre d'images). J'espère avoir été clair. Voici mon code javascript :
<script type="text/javascript">
$(document).ready(function() {
var pos = 1;
var nombre = 1;
var decal = 1;
$(function() { $('#gallery a').lightBox(); });
$(function() { $('#gallery1 a').lightBox(); });
$(function() { $('#gallery2 a').lightBox(); });
$(function() { $('#gallery3 a').lightBox(); });
$('#webdesign').click(function() {
$('#cont').animate({top: '0'}, 300);
$('#cont').css('left', '0px');
var nombre = 1;
});
$('#print').click(function() {
$('#cont').animate({top: '-170'}, 300);
$('#gallery1').css({left: '0'});
var nombre = 6; //il ne le prend pas en compte !!! //
});
$('#illustrator').click(function() {
$('#cont').animate({top: '-340'}, 300);
$('#gallery2').css('left', '0px');
var nombre = 2;
});
$('#photoshop').click(function() {
$('#cont').animate({top: '-510px'}, 300);
$('#gallery3').css('left', '0px');
var nombre = 4;
});
$('#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>
Vous remerciant (beaucoup) d'avance