Как заставить этот ротатор иметь динамическую высоту в зависимости от содержимого?

Question

Как заставить этот ротатор иметь динамическую высоту в зависимости от содержимого?

0

Перейдите по ссылке: http://jsfiddle.net/6zFt5/

Как вы можете видеть, этот ротатор не работает без указания FIXED HEIGHT в строке 6 CSS. Мне нужен этот виджет, чтобы динамически адаптировать его высоту, основанную на высоте содержимого, не сокращая его или оставляя слишком много пустого пространства.

Вот css:

.rotator {
   position: relative;
   overflow:hidden;
   width: 100%;
   border:1px solid red;
   height:auto; /*height:100px;*/
}
.rotator ul li {
   max-height: 100%; 
   max-width: 100%;
   background-color:aqua;
}

Я оставил сценарий jQuery, чтобы вы могли понять, для чего я пытаюсь его использовать.

Что мне не хватает?

Спасибо.

Chris Mark 06 янв. 2014, в 17:53

Источник

Теги:

jquery

html

css-float

css-position

overflow

1 ответ

Ещё вопросы

Kostis · Accepted Answer · 2014-01-06T15-31-00.000Z

Первое, что нужно было бы удалить

position: 'absolute'

от вас js file

затем измените анимацию в функции next() и prev(), чтобы билет мог работать более плавно

Проверьте эту скрипку.

Спасибо за помощь. Так как, если я хочу правильное наложение, кажется, что переходить не стоит, я решил настроить js следующим образом: jsfiddle.net/76rkL