jQuery : Agrandissement ou diminution de la taille du texte à la volée

agrandir-texte

Dans ce topic, nous allons vous montrer une fonctionnalité très utile fait en jQuery qui est l’utilisation des liens où pourra cliquer les internautes pour diminuer ou agrandir le texte.

Avant de commencer, il faut d’abord créer 2 éléments qui seront utilisés comme boutons ou liens, dont l’un pour l’agrandissement de la taille d’un texte et le second pour la diminution.

Voici les 2 éléments :

Puis dans une balise avec un attribut id, il faut écrire un peu de texte pour une sélection simplifiée en jQuery.

Le codage en jQuery

La première chose que nous allons faire, c’est d’utiliser la fonction « animate » dans le but de changer la taille de la police ou l’autre alternative, l’utilisation de la fonction CSS amenant au même résultat dans la mesure où le choix d’incrémentation de la taille du texte est de 1.

Maintenant, il faut faire fonctionner les boutons.

Ensuite, il faut améliorer une chose.
Effectivement, dans le cas où l’utilisateur agrandira trop la taille du texte, le design pourrait ne pas suivre ce qui occasionnerait des décalages ou d’autres problèmes.

Ainsi, il est nécessaire de mettre en place une taille minimale et maximale ne devant pas être dépassées.

Et voilà, grâce à l’application d’une taille minimale et maximale, l’optimisation du script a bien été effectuée.

Répondre