Fast Operating Fotogalerij voor New browsers

eet dimensies. Let op het gebruik van het evenement object in het overzicht van deze functie. Oude browsers niet ondersteunen het gebruik van het evenement object. Wanneer een HTML-element wordt geklikt, de doelkenmerk van het event object retourneert een verwijzing naar het element dat de gebeurtenis heeft geactiveerd. Nu, om de nextSet (): Deze functie geeft de volgende set van 5 kleine afbeeldingen. De eerste set wordt weergegeven met de pagina gedownload. Na deze, de index voor de array die de volgende set van het URL begint is 5 (index telling begint vanaf nul).

Dit is de reden waarom u de globale variabele en initialisatie var nextIndex = 5; Wanneer de knop wordt geklikt, de eerste code segment van de nextSet () functie kopieert de volgende set van het beeld URL's uit de array in het tweede beeld table-tags. Het beeld HTML-tags van de tweede tabel worden niet gewijzigd. Het is de waarde van de bron kenmerken die worden gewijzigd. Na deze code segment, de volgende verklaring maakt een vergrote kopie van de nieuwe eerste beeld van de tweede tabel. Daarna wordt de nextIndex variabele wordt verhoogd met 5, omdat we beelden in reeksen 5.

Het laatste codesegment test of nextIndex is 15. Indien het 15, dan de sets worden weergegeven vanaf het begin. De code in de "if" en "anders" block moet onafhankelijke explanatory.The volledige code met 15 foto's kunnen worden gedownload van https://www.cool-mathematics.com/downloads/fastGallery.zipConclusionThe principes geschetst, werken met zijn Opera 9 en misschien andere grote browsers op hun nieuwste versies. Ik ben niet in staat om het te testen met deze nieuwste browsers (bijvoorbeeld IE8) geweest. U kunt de test doen.

Dus, een geheim voor een snelle werking van een image gallery is om te profiteren van de werking van het archief attribuut van de HTML-object element.Chrys