Il copie simplement la valeur de l'attribut source de l'image cliqué, à la valeur de l'attribut source de la balise d'image dans la deuxième cellule de la première table. Lorsque cette copie est faite, l'image dans la deuxième cellule prend les dimensions spécifiées par la feuille de style. Notez l'utilisation de l'objet de l'événement dans la déclaration de cette fonction. Vieux navigateurs ne supportent pas l'utilisation de l'objet de l'événement. Quand un élément HTML est cliqué, l'attribut cible de l'objet d'événement renvoie une référence à l'élément qui a déclenché l'événement.
Maintenant, à la fonction nextSet (): Cette fonction affiche la prochaine série de 5 petites images. La première série est affichée avec la page téléchargée. Après cela, l'indice pour le tableau qui commence le prochain ensemble d'URL de l'image est de 5 (indice de comptage commence à partir de zéro). Ceci est la raison pour laquelle vous avez la variable globale et l'initialisation, var nextIndex = 5; Lorsque le bouton est cliqué, le premier segment de code des nextSet () copie la prochaine série de l'URL de l'image du tableau dans les deuxièmes balises d'image de table.
Les balises HTML d'image de la deuxième table ne sont pas modifiés. Il est la valeur de leurs caractéristiques d'origine qui sont modifiées. Après ce segment de code, l'instruction suivante effectue une copie agrandie de la nouvelle première image de la deuxième table. Après que la variable nextIndex est augmenté de 5, puisque nous avons des images dans des ensembles de 5. Les tests de dernier segment de code si nextIndex est 15. Si elle est de 15, alors les ensembles doivent être affichée depuis le début. Le code à l'intérieur du «si» et le bloc «autre» devrait être auto-explanatory.
The code complet avec 15 images peuvent être téléchargées à partir https://www.cool-mathematics.com/downloads/fastGallery.zipConclusionThe principes énoncés, de travailler avec Opera 9 et peut-être d'autres principaux navigateurs à leurs derni
net