Exploitation rapide Galerie d'image pour New browsers

e a la classe, grande. Le bloc de déclaration de la première déclaration a seulement la valeur de largeur pour les petites images. Le bloc de déclaration pour la grande image dispose également que la valeur de la largeur de la grande image. Chaque fois, vous donnez la valeur de largeur à un élément HTML le navigateur donne la hauteur correspondante ou approprié. Évitez de donner des valeurs de hauteur à des éléments HTML; ce qui complique la présentation de navigateur avec browsers.

The JavaScriptThis d'aujourd'hui est le script: var arr = new Array; fonctionner FillArray () {var objet = document.getElementById ('O1') d'archives. arr = subject.match (/\\ S + /g); } Function agrandir (event) {document.getElementById ('I0') src = event.target.src. } Var nextIndex = 5; nextSet fonction () {document.getElementById ('IS0') src = arr [nextIndex + 0]. . document.getElementById ('IS1') src = arr [nextIndex + 1]; . document.getElementById ('IS2') src = arr [nextIndex + 2]; . document.getElementById ('IS3') src = arr [nextIndex + 3]; . document.

getElementById ('IS4') src = arr [nextIndex + 4]; //Faire image agrandie de la première dans le jeu. . document.getElementById ('de I0') src = arr [nextIndex + 0]; nextIndex = nextIndex + 5 si (nextIndex == 15) {nextIndex = 0; document.getElementById ('B1') = "première série"} else document.getElementById ('B1') = "Suivant Set"} Il ya trois fonctions dans le JavaScript. Le premier est FillArray (), qui copie la liste de l'espace séparé URL de l'image à partir attribut d'archivage de l'objet dans un tableau. Cette fonction est appelée, par l'événement BODY onload.

Le second est la fonction d'agrandissement (de l'événement). Cette fonction permet d'agrandir une petite image quand il est cliqué. La dernière fonction est la fonction nextSet (). Cette fonction remplace l'ensemble des petites images avec la prochaine série. Il ya deux variables globales, et nextIndex arr. arr est utilisé par les premier et troisième fonctions. nextIndex est utilisé uniquement par le troisième fonction function.Function DetailsThe FillArray () appelée par l'événement BODY onload a deux états.

Les premiers exemplaires de la une valeur de l'attribut d'archivage de l'objet comme une chaîne dans la variable, sous réserve. La seconde instruction utilise la technique d'expression régulière pour séparer les URL de la chaîne et les met comme des éléments individuels dans le tableau global, arr. Remarque: la fonction FillArray () ne copie pas les ressources (