Question

我正在制作横向滚动网站。所有图像的高度均为100％，宽度为自动。我想在这些图像上使用Cycle，它可以工作，但它会将我的图像放在原始的巨大尺寸上，而不是将它们缩放到窗口高度。我已经尝试过使用slideResize：false，它没有做任何事情。适合：true也没有做任何事情，而containerResize：false使我的图像消失！另外，将重要性放在css高度上：100％似乎没有帮助。我怎样才能将图像保持在100％高度？

这些是我正在使用的脚本：

<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script type="text/javascript" src="http://malsup.github.io/jquery.cycle.all.js"></script>

HTML：

<body>

<div id="container">

<div id="vinyl">
    <img src="images/vinyl1.jpg">
    <img src="images/vinyl2.jpg">
    <img src="images/vinyl3.jpg">
</div>
</div>

</body>

这是javascript：

$('#vinyl').cycle({
    next: '#vinyl',
    timeout: 0,
    containerResize: 0
});

CSS：

html{
    overflow-y: hidden;
}

body{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    overflow-x: scroll;
    overflow-y: hidden;
    font-family: Helvetica;
    font-size: 16pt;
    background-color: white;
    height: 100%;
}

img {
    height: 100%;
    width: auto;
    z-index: 997;
}

#container{
    width: 100000px;
    height: 100%;
}

#iwpb, #vooruit, #vinyl{
    height: 100%;
    width: auto;
    position: relative;
    float: left;
    margin: 0 15px 0 0;
    padding: 0 0 0 0;
}

提前致谢！

JQuery Cycle，只是停止调整大小

0 个答案: