__
.
DNS4 
zoeken
  ⑬
«

JavaScript
Thumbnail vloeiend vergroten

Maak pagina`s sneller door
alleen thumbnails te laden

Klik om te vergroten Klik om te vergroten Klik om te vergroten Klik om te vergroten

Het inladen van plaatjes kan, op een langzame verbinding, erg veel tijd kosten. Ook kunnen plaatjes te veel ruimte in beslag nemen, en hierdoor worden pagina's minder overzichtelijk. Het is handiger om alleen de thumbnails te laden (en te laten zien), en pas als iemand geinteresseerd in een bepaald plaatje is, de volledig beschikbare snelheid te gebruiken om het in te laden.
Het is ook makkelijk om er voor te zorgen dat een plaatje even op een ander plekje van het scherm geschoven kan worden (drag and drop) zodat het niet in de weg van de tekst of andere plaatjes zit. Tot slot moet er voor gezorgd worden dat de plaatjes -ook- met de enter of escape knop gesloten kunnen worden.

Dit is eenvoudig voor elkaar te krijgen door deze code in een .js -file te kopieren, en vervolgens deze code te activeren op de gebruikelijke wijze (in de head-sectie van de pagina plaatsen). Let er even op dat de naam van de link en de file hetzelfde moet zijn. Om het mechaniek in werking te stellen geef ik hier een voorbeeld van een link. Plaats deze en soortgelijke links in jouw body-sectie van de pagina.

De titel van deze pagina is: vergroot thumbnails vloeiend tot groot formaat.
De sleutelwoorden zijn : thumbnail, vergroten en maximum.
De omschrijving is: "thumbnail magic: vloeiend uitvergroten tot vol formaat".