Bonjour à tous,
je suis confronté à un petit problème pas bien courant.
Je suis en train de développer un blog sous wordpress avec un layout horizontal. Les articles sont organisés sur la page d'accueil avec la librairie Isotope.js et quand on clique sur un article, celui ci s'agrandit pour afficher le contenu (appel AJAX). Jusqu'ici pas de problème.
En revanche, là où se situe le problème c'est que je dois faire face à la longueur des articles afin qu'ils rentrent parfaitement à la fois en hauteur (hauteur fixe du body, scroll vertical interdit) et en largeur. En effet, en fonction de la longueur du texte, j'affiche une ou deux colonnes dans l'article.
J'ai donc écrit cette fonction afin d'afficher le nombre de colonnes en fonction de la longueur du texte :
function expandText(){
var heightExpand = $('.stereotype.expand').height(),
heightTextExpand = $('.stereotype.expand .single-content').height(),
textExpand = $('.stereotype.expand .single-content');
if (heightTextExpand > heightExpand){
textExpand.css({'column-count': '2', '-moz-column-count': '2', '-webkit-colum-count': '2'});
$('.format-aside.expand').css({'width': '25%'});
$container.isotope('layout');
}
}
Malheureusement, ce code fonctionne bien si la longueur de l'article est conséquente. Par contre, si le texte "dépasse" seulement de quelques mots, je me retrouve avec une largeur d'article trop grande par rapport au contenu.
D'où ma question : comment pourrais-je adapter la largeur de mon article en tenant compte plus précisement de la longeur du texte ?
Merci d'avance pour vos réponses ;)
Romano83
