Карусель jQuery - автоматическое увеличение высоты - PullRequest
Новая
       10

Карусель jQuery - автоматическое увеличение высоты

0 голосов
/ 19 марта 2010

У меня есть функциональная вертикальная карусель jquery, так как я настроил и изменил скрипт и пример, найденный здесь: http://sorgalla.com/projects/jcarousel/examples/static_vertical.html

Вместо изображений я использую текст в качестве элементов списка. этот скрипт использует стиль с фиксированной высотой, и я пытаюсь включить функцию автоматического увеличения высоты. Для свертывания и расширения на основе содержимого в рамках li.

Я попробовал несколько вещей с помощью CSS, например, установил высоту некоторых элементов: auto; или высота: 100%; но, похоже, не работает.

У кого-нибудь есть лакомый кусочек, где я должен сосредоточить свои попытки на том, как заставить это авто расширяться и сворачиваться в зависимости от содержимого? я должен настраивать JavaScript, а не CSS?

просто ищет понимания.

Ответы [ 2 ]

0 голосов
/ 19 марта 2010

Извините, Рой, я думаю, что использование javascript, вероятно, будет считаться чрезмерной и плохой практикой, даже если это работает.

Я бы предположил, что Тони применяет 

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

Тогда высота будет вынужденаувеличивать и уменьшать в зависимости от содержания.

0 голосов
/ 19 марта 2010

Зависит от того, как работает ваша карусель, но вам, скорее всего, придется настроить javascript.

Если для карусели требуются элементы с фиксированной высотой, вы можете записать содержимое в элемент, получить высоту, а затем подробно установить высоту элемента равной только что найденному значению. Таким образом, высота зависит от содержимого, но оно также является фиксированным, а не текучим, и вы также знаете, какое значение имеет высота.

Что-то вроде этого может работать: 

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'})
...