11495 sujets

JavaScript, DOM et API Web HTML5

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, pour qu'il sache quand faire disparaitre le lien suivant/précedent). J'espère avoir été clair. Voici mon code javascript (j'espère qu'il est lisible).
Pour peut être mieux comprendre, vous pouvez voir le résultat sur :
http://www.metz-communication.com/imm/guillaume/book/portfolio.html

<script type="text/javascript">

$(document).ready(function() {
var pos = 1;
var nombre = 1;
var decal = 1;

//code pour la lightbox jquery, cela fonctionne parfaitement//

$(function() { $('#gallery a').lightBox(); });
$(function() { $('#gallery1 a').lightBox(); });
$(function() { $('#gallery2 a').lightBox(); });
$(function() { $('#gallery3 a').lightBox(); });

//voilà le code problématique Smiley ohwell /

$('#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; // idem //
});

$('#photoshop').click(function() {
$('#cont').animate({top: '-510px'}, 300);
$('#gallery3').css('left', '0px');
var nombre = 4; // idem //
});

//autre code pour un déroulement horizontal de mes galleries//

$('#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>


[code=javascript]


Vous remerciant (beaucoup) d'avance

Guigou82
var sert uniquement à déclarer une variable (la première fois donc).
Il te suffit donc de faire :
nombre=6;