jquery cycle plugin divs всегда сложена проблема

Question

Я хочу поставить три слайд-шоу jquery в div. так или иначе, без каких-либо CSS-позиционирования слайды не будут отображаться ниже друг друга, а сложены. как я могу заставить sildes отображаться ниже друг друга, так же, как обычные divs?

<div id="slidecontainer" style="background-color: red;"> 

<div id="q1"> 
     <img src="merkel01.jpg"/> 
     <img src="merkel02.jpg"/> 
     <img src="merkel03.jpg"/> 
     <img src="merkel04.jpg"/> 
     <img src="merkel05.jpg"/> 
    </div> 

<div id="q2"> 
     <img src="poyan01.jpg"/> 
     <img src="poyan02.jpg"/> 
     <img src="poyan03.jpg"/> 
     <img src="poyan04.jpg"/> 
     <img src="poyan05.jpg"/> 
     <img src="poyan06.jpg"/> 
    </div> 


<div id="q3"> 
     <img src="mirage01.jpg"/> 
     <img src="mirage02.jpg"/> 
     <img src="mirage03.jpg"/> 
     <img src="mirage04.jpg"/> 
     <img src="mirage05.jpg"/> 

    </div> 


    <div>TEST</div> 
    <div>TEST222</div> 
    <div>TEST333</div> 

</div> 

также, если добавить дополнительный тест-дивы они также будут размещены под три сложенных горками ... любая помощь vermy очень признателен !!

Фуси

Answer 1

Не могли бы вы дать нам ссылку на исходный код плагина цикла?

Даже несмотря на то может быть не CSS вовлечены, плагин может еще сделать это с помощью JQuery, которая, по существу, то же самое: element.css('position', 'absolute')

Я собираюсь выйти на конечности здесь, и предложить вам искать где угодно, что абсолютное позиционирование применяется к divs и меняет absolute на static, так как это наиболее вероятная причина ваших сложенных div.

Edit: нашел, где это происходит, если вы используете http://jquery.malsup.com/cycle/

Даже если это будет вероятно разорвать его работать должным образом, вы должны быть в состоянии настроить его по своему вкусу впоследствии.

Посмотрите на этой линии (259 в jquery.cycle.js):

$slides.css({position: 'absolute', top:0, left:0}).hide().each(function(i) { 

Изменить это:

$slides.hide().each(function(i) { 

И удалить эту линию (261):

$(this).css('z-index', z) 

Это несколько строк ниже.

Более подробная информация о css методе JQuery в: http://api.jquery.com/css/