un Site A Mon Image

Les techniques - JavaScript

 

Demo : effet LightBox

L'effet 'lightbox' est de plus en plus répandu dans les sites, et à juste titre : il permet d'associer à des liens ou à des images l'ouverture d'une grande image "par-dessus" le site avec un effet "rideau", et ceci avec un code HTML réduit à l'essentiel.


Cliquez pour voir la démonstration.

JavaScript

JavaScript est né en 1995. C'est un langage de programmation de scripts, permettant des tâches multiples au sein du HTML : contrôle de la conformité d'un formulaire, animation de menus déroulants, diaporamas, fenêtres ou images en popup. Les scripts JavaScript sont embarqués dans le flux HTML, grâce à une balise <script> : c'est donc le navigateur qui exécutera les scripts de la page côté client.

Javascript Client Riche

Les navigateurs étant devenus performants mais toujours aussi hétérogènes, on trouve de plus en plus de librairies de scripts JavaScript spécialisés (il y en a des centaines) :

Par exemple, l'effet 'lightbox' utilise trois fichiers JavaScript :

• "prototype" assurera une passerelle commune pour se débarrasser des incompatibilités entre navigateurs,
• "scriptaculous" pour les effets visuels (effet "rideau")
• "lightbox" pour ouvrir des images en popup avec un effet "rideau".

En savoir plus

• JavaScript en tutoriel, le site Tout Javascript (français)
• JavaScript en tutoriel, le site du w3c (anglais)
• JavaScript en encyclopédie

A mon Image ? | Qui sommes-nous | Mentions légales | Contact | ©2010 Un site à mon Image