*   >> Lezen Onderwijs artikelen >> science >> programming

Fast Operating Fotogalerij voor New browsers

set van beelden komen. Na deze zult u merken geen vertragingen meer, want als je bezig te kijken naar de eerste set en de uitbreiding van haar beelden zijn, één voor één, de andere twee worden door het attribuut archief gedownload. Ze komen en ze in het attribuut archief blijven. Wanneer ze nodig zijn, worden ze door de het attribuut archief en niet van de server. Dus de downloadtijd van de server zal worden weggelaten, en zal de gebruiker een snelle weergave van alle beelden zien na de eerste set heeft arrived.

Enlarging een ImageAs hierboven al zei, elke set van beelden toont vijf beelden op een rij. Wanneer u een van de afbeeldingen klikt, zie je de vergrote vorm erboven. Als onderdeel van het ontwerp, wanneer de eerste reeks van beelden arriveert bij de browser, ziet u het eerste beeld (uiterst links in de rij) vergroot. De vergrote afbeelding heeft gewoon grotere afmetingen dan de beelden in de rij (die niet worden vergroot). Deze grotere afmetingen worden gegeven door CSS.

Wanneer u een kleine afbeelding klikt, wordt de waarde (URL) van de bron attribuut van de grotere afbeelding vervangen door die van de kleinere afbeelding. Wanneer de vervanging plaatsvindt, ziet u het beeld geklikt vergroot (hoger). Voor elke vergrote afbeelding, heb je dezelfde URL voor de afbeelding tag van de vergrote afbeelding en het beeld tag van de overeenkomstige kleine afbeelding. Het is de bron attribuut van een afbeelding tag die bepaalt wat het beeld tag wordt weergegeven als het image.

ResolutionThe afbeelding vergroot, in pixels, mag niet groter zijn dan een van de foto's op de server. Als u niet deze regel te respecteren, zal er verloren van resolutie van één of meer van de uitgebreide image.Let ons gaan op de uitvoering van het project.Implementing de projectThe code is in 3 delen. Het eerste deel is de style sheet in de HTML HEAD element. Het volgende deel is het JavaScript. Het derde deel is de inhoud van het BODY element; Deze inhoud is de HTML-elementen van belang: het object element, de tafel elementen, de beeldelementen en de knop element.

Code voor BODY ContentWe blik op de inhoud van het BODY element eerste, omdat de style sheet en de JavaScript-afhankelijk. Dit is het: Sommige tekst kan here.Some tekst gaan kan gaan here.Next SetThe Body-tags zijn opgenomen in de bovenstaande code. In de begin-tag van het lichaam element, moet je het attribuut /waarde paar, onload = "fillArray ()". Dit is de onload event dat de JavaScript-functie oproepen, fillArray (). Deze

Page   <<  [1] [2] [3] [4] [5] [6] >>
Copyright © 2008 - 2016 Lezen Onderwijs artikelen,https://onderwijs.nmjjxx.com All rights reserved.