Bonjour!
Je suis en-train de refaire le site web de la compagnie pour laquelle je travail. Dans ce site il y a une section galerie photos, composé de plusieurs albums dans lesquels le nombre photos peut varier de 1 à une cinquantaine.
En fouillant sur le net, je suis tombé sur ce tuto : http://www.alsacreations.com/tuto/ [...] cript.html
J'ai donc bidouiller une peu jusqu'à obtenir une mise en page à ma sauce (miniatures à gauche et photo en taille réel à droite), puis intégrer le code javascript. Jusque là tout fonctionne, mais pas exactement comme je le voudrais...
Cependant, ma page ne peut contenir que 16 miniatures. Comment faire pour crée une autre série de miniatures, sans refaire une nouvelle page? Dois-je ajouter du codage dans mon fichier .js? Que dois-je ajouter?
voici mon code:
Citation :
// JavaScript Document
function displayPics()
{
var photos = document.getElementById('thumbs') ;
var liens = photos.getElementsByTagName('a') ;
var big_photo = document.getElementById('big_pict') ;
var titre_photo = document.getElementById('photo').getElementsByTagName('dt')[0] ;
for (var i = 0 ; i < liens.length ; ++i) {
liens[i].onclick = function() {
big_photo.src = this.href;
big_photo.alt = this.title;
titre_photo.firstChild.nodeValue = this.title;
return false;
};
}
}
window.onload = displayPics;
|
Je ne suis pas programmeuse, seulement designer, j'ai donc chercher longtemps avant de réussir à faire cela, et encore, je ne pense pas avoir tout compris!
Merci de votre aide!
