JavaScript

Le langage JavaScript nécessite de sélectionner certains éléments de la page Web pour en modifier le contenu, la mise en forme, ou y greffer des événements. Plusieurs techniques de sélection sont à notre disposition.

Une fonctionnalité extrêmement puissante du JavaScript consiste à changer les mises en forme CSS avec la propriété style. L'avantage, par rapport au langage CSS, est que le JavaScript peut modifier les styles suite à des actions de l'utilisateur ou après un délai programmé.

La propriété JavaScript innerHTML remplace complètement le contenu d’un élément sélectionné en y insérant un nouveau contenu au format HTML. Elle permet par exemple d'écrire du code HTML à un endroit précis, sans recharger la page, suite à des évènements.

Voici le code d'un slider jQuery léger comme une plume et soigné aux petits oignons par votre serviteur. La bibliothèque jQuery nous gratifie de ses apparitions et disparitions progressives avec les méthodes fadeIn() et fadeOut(). Le principe de ce slider consiste à superposer deux slides : l'un disparait progressivement pendant que le suivant apparait.

La plupart des effets jQuery sont exécutés en parallèle et vous aurez parfois besoin de les exécuter l'un après l'autre, dans un ordre séquentiel.

Voici un code tout simple pour fabriquer un slider en JavaScript. Le principe est de changer la source des images en cliquant sur les flèches latérales.

Voici un code tout simple jQuery pour réaliser un effet Lightbox dans vos galeries d'images.