Equalize.js est un plugin jquery très léger (moins de 1 Ko) pour égaliser la hauteur ou la largeur de différents éléments.
Il peut être utilisé pour avoir des div ou des colonnes de même hauteur ou de même largeur.
Il suffit d’invoquer le plugin sur le parent des éléments à égaliser :
[code]
$(‘.parent’).equalize();
[/code]
Equalize.js accepte également les paramètres suivants :
- height : paramètre par défaut
- outerHeight : prend en compte la hauteur « extérieure » (inclue la bordure et le padding par défaut)
- innerHeight : prend en compte la hauteur « intérieure » (exclue la bordure mais inclus le padding)
- width : prend en compte la largeur prise par l’élement en pixels.
- outerWidth : prend en compte la largeur « extérieure » (inclue la bordure et le padding par défaut)
- innerWidth : prend en compte la largeur « intérieure » (exclue la bordure mais inclus le padding)
Ex :
[code]
$(‘.parent’).equalize(‘innerWidth’);
[/code]
Demo Télécharger le plugin