Jquery Cycle插入全宽度问题

时间:2013-04-07 10:54:41

标签: jquery html css slideshow web-site-project

嗨我的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但是当我这样做时,它会在幻灯片中显示两个图像,但会调整高度!

0 个答案:

没有答案