Я пытаюсь сделать слайдер изображений.с этой разметкой
<div class="item-display-col fivecol">
<ul>
<li><img src="img/man1.jpg" alt="image" class="item-display"></li>
<li><img src="img/man2.jpg" alt="image" class="item-display"></li>
</ul>
</div><!-- / -->
отображается нормально, но когда я поставил это:
$(document).ready(function(){
$('div.item-display-col ul').cycle({
continuous: 1,
});
(закрывающие скобки намеренно урезаны)
родительский ul сворачивается в 0 высотуи контент зависает от него.
Я уверен, что это простая логика CSS, но мне не повезло с установкой четких div и настройкой переполнения.
единственный CSS в игре здесьli и img установлены на 100% ширины, чтобы охватить ширину столбца
воссоздание проблемы: http://jsfiddle.net/nPFkn