Effet BlindDown sur du texte
Bonjour,
Je rencontre un petit problème lors de l'utilisation de l'effet BlindDown sur du texte, je m'explique :
J'ai 3 div représentant à eux 3 une cellule et du texte dynamique dans le div du milieu :
Code:
1
2
3
4
5
| <div class='ExplainBody'>
<div class='ExplainBodyLeft'> </div>
<div class='ExplainBodyContent'>{textContent}</div>
<div class='ExplainBodyRight'> </div>
</div> |
j'aimerai que la cellule, par défaut, quand l'utilisateur arrive sur la page, s'affiche vide mais en ayant déjà ses dimensions définitive (qu'elle ne s'agrandisse pas avec l'effet) et que juste le texte s'affiche en effet blindDown.
J'ai essayé plusieurs solutions, telles que mettre un span pour encadrer le texte et appliquer l'effet sur ce span, transformer ce span en div car l'effet ne s'applique que sur des éléments de type block, au lieu de mettre display: none utiliser la propriété visibility : hidden mais rien n'y fait, scriptaculous ne semble pas comprendre le visibility.
pour l'instant ma méthode ressemble à ceci :
Code:
1
2
3
4
5
6
7
8
| /**
* Animation des contenus Texte
*/
animateContent = function (eltText) {
eltText.setStyle({ 'display': 'none' })
Effect.BlindDown(eltText, { duration: nDuration });
}; |
et ce comportement ne me convient pas car la cellule apparait vide et petite et s'agrandit au fur et à mesure que le texte apparait
