[Galerie] Problème sur galerie tutoriel
Bonjour
Je veux faire la galerie de ce tuto :
http://dmouronval.developpez.com/tut...dex-et-jquery/
Je suis pas tres doué en PHP (car je debute dans ce langage) et j'ai des erreurs dans mon code :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39
| <script type="text/javascript">
$(document).ready(function() { //attend que le DOM soit prêt pour commencer
var z = 0; //initialise les z-index
var inAnimation = false; //flag pour tester si nous sommes en cours d'animation
$('#pictures img').each(function() { //attribue les z-index de départ
z++; //à la fin, le plus haut z-index sera dans cette variable
$(this).css('z-index', z); //attribue le z-index à la balise <img>
});
function swapFirstLast(isFirst) {
if(inAnimation) return false; //si une animation est en cours, on ne fait rien
else inAnimation = true; //modifie le flag pour dire que l'animation est en cours
var processZindex, direction, newZindex, inDeCrease; //prévoit le cas précédent ou suivant
if(isFirst) { processZindex = z; direction = '-'; newZindex = 1; inDeCrease = 1; } //attribue les variables dans le cas 'suivant'
else { processZindex = 1; direction = ''; newZindex = z; inDeCrease = -1; } //attribue les variables dans le cas 'précédent'
$('#pictures img').each(function() { //actualise chaque image
if($(this).css('z-index') == processZindex) { //s'il s'agit de l'image à animer
$(this).animate({ 'top' : direction + $(this).height() + 'px' }, 'slow', function() { //anime l'image au-dessus/en-dessous (les images doivent avoir la même hauteur)
$(this).css('z-index', newZindex) //attribue le nouveau z-index
.animate({ 'top' : '0' }, 'slow', function() { //ramène l'image à sa position initiale
inAnimation = false; //modifie le flag pour dire que l'animation est finie
});
});
} else { //ce n'est pas l'image à animer, on modifie juste le z-index
$(this).animate({ 'top' : '0' }, 'slow', function() { //il faut attendre la fin de l'animation pour modifier le z-index
$(this).css('z-index', parseInt($(this).css('z-index')) + inDeCrease); //ajuste le z-index
});
}
});
return false; //on ne suit pas le href du lien
}
$('#next a').click(function() {
return swapFirstLast(true); //met la première image en dernière position
});
$('#prev a').click(function() {
return swapFirstLast(false); //met la dernière image en première position
});
});
</script> |
Sur la ligne "<script type="text/javascript">" j'ai ce message
Code:
Invalid location of tag (script).
Pouvez-vous me dire pourquoi
Merci pour vos reponses