CarouFredSel Transition Issue

Question

Я использую CarouFredSel для карусели изображения, и у меня возникла проблема с переходом между элементами.

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

<div id="carousel">   
    <div> 
     <img src="img/instagram1.png"> 
     <div style="position:relative; z-index:100; bottom:20px;">Byline 1</div> 
    </div> 
    <div> 
     <img src="img/instagram2.png"> 
     <div style="position:relative; z-index:100; bottom:20px;">Byline 2</div> 
    </div> 
</div><!-- /carousel --> 

Как вы можете видеть из этого JSFiddle, эффект перехода работает отлично только с изображениями, но это выглядит с при использовании HTML.

Answer 1

Оказывается, что все, что вам нужно сделать, чтобы исправить это применить левый поплавок на предметы, как это:

#carousel div { 
    display: block; 
    float: left; 
}