Apple-like Retina Effect With jQuery est un tutoriel qui vous permettra de refaire chez vous l’effet loupe «Retina Display» proposé par Apple sur lav version 4 de l’iPhone. Vraiment bluffant, d’autant plus que le marquage HTML nécessaire est des plus simples : →
Thumbnail Zoom — Voici un effet de zoom sur une miniature accompagné de l’apparition d’une légende au survol de la souris qui fera certainement son petit effet sur vos pages web. Ce tutoriel explique pas à pas le code HTML (liste non-ordonnée), les CSS et la pincée de jQuery nécessaire au bon fonctionnement de l’ensemble. Via colegramist.
Image jQuery — Cet effet réalisé avec quelques lignes de jQuery (et un soupçon de CSS) applique un léger effet de zoom sur une image tout en affichant sa description au survol de la souris sur le conteneur. Voir la démonstration.
jQuery Magnifier Loupe permet d’effectuer un zoom sur vos images en utilisant (entre autre) l’attribut longdesc pour zoomer à partir d’une miniature (thumbnail). Attention au caractère peu accessible de l’utilisation de l’attribut HTML longdesc prévue à l’origine pour fournir une description de l’image pour les malvoyants. Cela dit, le script ne nécessite pas obligatoirement cet attribut pour fonctionner : il est possible de déclencher la loupe en utilisant la classe .jLoupe sur l’élément img concerné !
Zooming with jQuery and CSS — Ce petit script jQuery très simple permettra à vos lecteurs de modifier la taille du texte de votre site en choisissant une valeur dans un menu déroulant.
