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
/
$('#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>
Vous remerciant (beaucoup) d'avance
Guigou82
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

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