jquery循环插件div总是堆积的问题

我想把三个jQuery幻灯片放在一个div中。不知何故，没有任何CSS定位幻灯片不会显示在彼此下面，但堆叠。我怎么才能让sildes显示在对方下面，就像正常的div一样？jquery循环插件div总是堆积的问题

<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>

另外，如果我增加额外测试的div他们也将在三个堆叠的幻灯片中放置...任何帮助vermy非常感谢！

fusi

来源

2010-04-13 user315430

这将是周期插件你在谈论：http://jquery.malsup.com/cycle/ – 2010-04-13 12:11:46

你可以给我们一个链接到循环插件的源代码吗？

即使有可能没有涉及CSS，该插件还可以做这与jQuery基本上是同一件事：element.css('position', 'absolute')

我要去这里走出去的肢体，并建议你寻找绝对定位应用于div的任何地方，并将absolute更改为static，因为这是您的堆叠div最可能的原因。

编辑：，发现在那里发生的事情，如果你使用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)

下面几行。在jQuery的css方法

更多信息：http://api.jquery.com/css/

来源

2010-04-13 12:11:14

TNX！最好的，richy – user315430 2010-04-14 08:36:46

如果这是最好的答案，你可以将它标记为已接受，并请取悦它吗？谢谢。 – 2010-04-19 12:51:07

jquery循环插件div总是堆积的问题

回答

相关问题