Fast Operating Fotogalerij voor alle browsers

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 het vergrote beeld als voor het imago-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: