1

嗨，我的 Jquery Cycle 插件有问题。我的目标是让幻灯片显示在浏览器的全宽上，并带有一个容器 div，容器 div 会相应地调整，但它有一个最大高度，然后设置为溢出。

到目前为止，我设法通过在浏览器上调整大小来解决宽度问题，并且我的幻灯片按比例调整，但它包含设置为 auto 的 div 高度不会随着里面的孩子而改变，而是设置为最小高度。如果设置为自动，它就会消失，大概是设置为 0。

生病粘贴代码anythoughts会很棒。我确实尝试使用 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...
});
});

继承人下面的内容的 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;

   }

我还尝试将 height: auto 添加到 javascript 但是当我这样做时，它会在幻灯片中显示两个图像，但确实会调整高度！

4

0 回答 0