嗨我的Jquery Cycle插件有问题。我的目的是让幻灯片放在浏览器的全宽处,并且容器div会相应调整但是有一个最大高度,然后设置为溢出。 / p>
到目前为止,香港专业教育学院设法通过调整浏览器大小来修复宽度问题,我的幻灯片按比例调整,但它包含设置为自动的div高度不会随着孩子内部而改变而设置为最小高度。如果设置为auto,它就会消失,大概设置为0。
不好粘贴代码任何事都会很精彩。我确实尝试使用java(但我有点新手)来调整窗口resixe函数的div高度,但我无法让它工作。这是允许重新保存图像的java snipet:
$(document).ready(function() {
$('#slideshow-wrap').cycle({
slideResize: true,
containerResize: true,
fit: 1,
fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
});
});
下面是带有下面的conent的html片段
<div class="wrapper" id="slideshow-wrap">
<img src="images/slide/mountainbear1.jpg"/>
<img src="images/slide/mountainbear1.jpg"/>
</div>
<div class="wrapper" id="content"></div>
这是本节的css:
#slideshow-wrap {
position: relative;
margin: 0;
min-width: 960px;
min-height: 442px;
max-height: 750px;
height:auto !important;
max-width:100%;
overflow: hidden;
}
#slideshow-wrap img{
margin: auto;
width: 100% !important;
min-width: 960px;
}
我也尝试添加高度:自动添加到javascript但是当我这样做时,它会在幻灯片中显示两个图像,但会调整高度!