Question

我正在使用jquery循环进行淡入淡出幻灯片演示......

$('.pics').cycle({
    fx: 'fade',
    timeout:5000,
    random: 1,
    containerResize: false
});

之前它工作得很好但是因为我添加了containerResize: false我的图像不再出现了......有人知道它在做什么吗？...... http://willruppelglass.com/index.php的例子

这里有一些其他代码，可能有所帮助，永远不会知道......

.pics {  

    padding: 0;  
    margin:  0;
} 

.pics img {    
    background-color: #eee;  
    height: 200px; 
    text-align:center;
    top:  0; 
    left: 0;
}

.contentImages{
    border:1px solid #CCC; 
    padding:10px; 
    margin:20px auto 0; 
    position:relative;
    width: 600px;
    overflow:hidden;
}

<div class="contentImages">

<div class="pics">

<img src="upload/<?php echo $array['image'] ?>" height="200" />

<img src="upload/<?php echo $array['image2'] ?>" height="200" />

<img src="upload/<?php echo $array['image3'] ?>" height="200" />

</div>

</div>

Answer 1

您需要保留containerResize: true或在height设置min-height或.contentImages。你隐藏了一个0高度的元素溢出，它的子节点永远不会显示。检查你的DOM会告诉你。

Jquery循环插件containerResize选项

1 个答案: