kirkas
Messages postés126Date d'inscriptionlundi 28 mai 2007StatutMembreDernière intervention22 février 2011
-
7 août 2010 à 15:21
kirkas
Messages postés126Date d'inscriptionlundi 28 mai 2007StatutMembreDernière intervention22 février 2011
-
24 août 2010 à 11:16
Bonjour,
J'aurai besoin d'aide pour l'amélioration d'une galerie Jquery.
voici le site en construction : http://www.restaurant-hotel-de-ville.ch/hdv/images.php
La galerie en question se situe dans la page "image"
Jusque la tout va bien, à l'aide de bout de code pris à la volé sur internet, j'ai réussis à construire une galerie avec système de vignette.
Mais il me faut, en plus des vignettes, un bouton précédant et suivant, et c'est la que je bloque.
voici mon code jquery :
function displayPics()
{
var photos = document.getElementById('galerie_mini') ;
// On récupère l'élément ayant pour id galerie_mini
var liens = photos.getElementsByTagName('a') ;
// On récupère dans une variable tous les liens contenu dans galerie_mini
var big_photo = document.getElementById('big_pict') ;
// Ici c'est l'élément ayant pour id big_pict qui est récupéré, c'est notre photo en taille normale
var titre_photo = document.getElementById('photo').getElementsByTagName('dt')[0] ;
// Et enfin le titre de la photo de taille normale
// Une boucle parcourant l'ensemble des liens contenu dans galerie_mini
for (var i = 0 ; i < liens.length ; ++i) {
// Au clique sur ces liens
liens[i].onclick = function() {
$("li a").animate({opacity:1},200);
$(this).animate({opacity:0.6}, 500);
big_photo.src = this.href; // On change l'attribut src de l'image en le remplaçant par la valeur du lien
big_photo.alt = this.title; // On change son titre
titre_photo.firstChild.nodeValue = this.title; // On change le texte de titre de la photo
return false; // Et pour finir on inhibe l'action réelle du lien
};
}
}
window.onload = displayPics;
