Snabb Rörelse Bildgalleri för New browsers

ributet och värdet av detta attribut. Objektelement Coded inte upptar utrymme på webbsidan. Värdet på arkivattributet är ett utrymme separerad lista med webbadresser. Eftersom dessa webbadresser i arkivattributet, deras resurser hämtas, medan webbsidan användaren fortfarande börjar inse vad som finns på webbsidan. Vid tiden användaren behöver bilderna av webbadresser, skulle deras bilder har laddats ner (anländer till webbläsaren) .De nästa stora element som du har är HTML-tabell för den förstorade bilden, HTML Tabell för de små bilderna och knappen .

Tabellen för den förstorade bilden har en rad och tre celler; cellen i mitten håller den förstorade bilden. Det är den formatmall som i första hand avgör storleken på en bild (både de förstorade och små bilder) .Det andra Table har en rad och 5 celler; varje har en liten bild. Det är den formatmall som i första hand avgör storleken på en bild. Efter denna tabell, har du en HTML-knappen i koden. Den har en onclick händelse som anropar funktionen, nextSet (). Denna JavaScript funktion kopierar nästa uppsättning bilder vars webbadresser är nu i en matris, i bildtaggar i den andra table.

The Style SheetThis är den enkla formatmall: Det första påståendet i formatmallen behandlar de små bilderna som har klass, liten. Det andra uttalandet handlar om en förstorade bilden. Den här bilden har klassen, stora. Deklarationen block av det första meddelandet har endast bredden värdet för de små bilderna. Deklarationen blocket för den stora bilden har också bara bredden värdet av den stora bilden. När, ger dig breddvärdet till ett HTML-element webbläsaren ger motsvarande eller lämplig höjd.

Undvik att ge höjdvärden till HTML-element; Detta komplicerar webbläsare presentation med dagens browsers.The JavaScriptThis är skriptet: var arr = new Array; fungera fillArray () {var Ämne = document.getElementById (O1) arkiv. arr = subject.match (/\\ S + /g); } Function förstora (händelse) {document.getElementById (I0) src = event.target.src. } Var nextIndex = 5; funktion nextSet () {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]; //Se förstorade bilden först i uppsättningen. . document.getElementById ('I0') src = arr [nextIndex + 0]; nextIndex = nextIndex + 5 if (nextIndex == 15) {nextInd