carrousel jQuery - auto expansion hauteur

Question

J'ai un carrousel de jquery vertical fonctionnel comme je l'ai modifié et modifié le script et l'exemple trouvé ici: http://sorgalla.com/projects/jcarousel/examples/static_vertical.html

au lieu d'images, je suis en utilisant le texte comme éléments de liste. ce script utilise un style de hauteur fixe, et j'essaie d'incorporer une fonction de hauteur d'expansion automatique. Pour réduire et développer en fonction du contenu dans le li.

J'ai essayé quelques choses avec le CSS comme le réglage de certains éléments à la hauteur: auto; ou hauteur: 100%; mais ne semble pas fonctionner.

Quelqu'un aurait-il une petite place sur où je devrais concentrer mes efforts sur la façon de faire de cette auto se développer et se réduire en fonction du contenu? Devrais-je peaufiner le javascript et non le CSS?

juste à la recherche d'un aperçu.

Answer 1

Cela dépend du fonctionnement de votre carrousel, mais il est probable que vous ayez besoin de modifier le javascript. Si le carrousel a besoin d'éléments avec des hauteurs fixes, vous pouvez écrire du contenu dans un élément, obtenir la hauteur, puis définir explicitement la hauteur de l'élément comme étant la valeur que vous venez de trouver. De cette façon, la hauteur dépend du contenu, mais elle est également fixe plutôt que fluide et vous savez également quelle est la valeur de la hauteur.

Quelque chose comme cela pourrait fonctionner:

var height = $("#my-li").css({'height':'auto'}).html('Some text content').height(); 
//do any calculations you need with height here 
$("#my-li").css({'height':height+'px'}) 

Answer 2

Désolé Roy Je pense en utilisant javascript serait probablement considéré comme une mauvaise pratique et exagère même si cela fonctionne.

Je suggère que Tony applique

li { display:block; overflow:hidden; width:blabla px;} 

Ensuite, la hauteur sera forcé d'augmenter et de diminuer en fonction du contenu.