11540 sujets
JavaScript, DOM et API Web HTML5
J'ai 5 images que je voudrais faire apparaître l'une sur l'autre au clic et une div qui sert de clic :
En Jquery ça donne ça :
$('.torten').click(function)(){ /* torten = la div pour click
var i=$('.torten img').attr('src'); /* Je crée une variable qui agit seulement sur la div torten img en
if(i='torten01/torten1.jpg'){ /*changeant l'attribut src (c'est ca que je vise)
$('.torten img').fadeOut(1000,function(){ /* La ligne qui fait disparaître la 1ere image pour la 2nde
$('.torten img').attr('src','torten01/torten2.jpg').fadeIn('slow');
});
} /* Forcément je suis sur l'image torten2 maintenant donc
if(i='torten01/torten2.jpg'){ /* je fais appel a la variable actuelle
En Jquery ça donne ça :
$('.torten').click(function)(){ /* torten = la div pour click
var i=$('.torten img').attr('src'); /* Je crée une variable qui agit seulement sur la div torten img en
if(i='torten01/torten1.jpg'){ /*changeant l'attribut src (c'est ca que je vise)
$('.torten img').fadeOut(1000,function(){ /* La ligne qui fait disparaître la 1ere image pour la 2nde
$('.torten img').attr('src','torten01/torten2.jpg').fadeIn('slow');
});
} /* Forcément je suis sur l'image torten2 maintenant donc
if(i='torten01/torten2.jpg'){ /* je fais appel a la variable actuelle