Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使大图像不滚动?_Javascript_Jquery_Css_Jquery Cycle - Fatal编程技术网

Javascript 如何使大图像不滚动?

Javascript 如何使大图像不滚动?,javascript,jquery,css,jquery-cycle,Javascript,Jquery,Css,Jquery Cycle,我有一个jquery循环幻灯片,它可以在3张大照片中滑动,并隐藏在其余内容的后面。工作正常,但问题是如果我将窗口大小调整为小于照片的宽度(1400)或高度(900),则会出现滚动条。如何使卷轴消失或如何使图像“行动”像背景图像。。。很抱歉给您带来困惑,希望您能理解我的意思 HTML: 谢谢,, Cris您应该能够将高度和宽度设置为100%,并将溢出:隐藏设置为您应该能够将高度和宽度设置为100%,并将溢出:隐藏设置为@用户:具体地说,将溢出:隐藏添加到幻灯片放映规则中。(如果您不想设置,则无需设

我有一个jquery循环幻灯片,它可以在3张大照片中滑动,并隐藏在其余内容的后面。工作正常,但问题是如果我将窗口大小调整为小于照片的宽度(1400)或高度(900),则会出现滚动条。如何使卷轴消失或如何使图像“行动”像背景图像。。。很抱歉给您带来困惑,希望您能理解我的意思

HTML:

谢谢,,
Cris

您应该能够将高度和宽度设置为100%,并将溢出:隐藏设置为
您应该能够将高度和宽度设置为100%,并将溢出:隐藏设置为

@用户:具体地说,将
溢出:隐藏添加到
幻灯片放映规则中。(如果您不想设置,则无需设置宽度和高度。)我认为您确实需要宽度和高度,否则如何定义“溢出”。@kingjiv:不,无需。slideshow div将尽其父元素所允许的宽度,并且它所包含的任何无法放入该区域的内容都将溢出。示例:这是宽度。对于高度,如果@user需要,可能必须将其设置为
900
(而不是
100%
),以避免幻灯片div的父级显示滚动条。谢谢!它工作,但我似乎遇到了一个错误。如果浏览器是800x800,那么第一个图像将加载;如果我最大化浏览器,幻灯片中的下一个图像将不是100%x 100%,而是上一个浏览器大小。是否有一个函数或一段代码可以用来刷新图像的宽度和高度?@T.J.这将导致IE中出现滚动条(必须爱IE)@用户,您所描述的不应该发生,我猜还有其他事情发生。如果您有一个工作示例,您可以发布我可能可以提供帮助。@用户:具体地说,将
溢出:隐藏
添加到您的
规则中。(如果您不想设置,则无需设置宽度和高度。)我认为您确实需要宽度和高度,否则如何定义“溢出”。@kingjiv:不,无需。slideshow div将尽其父元素所允许的宽度,并且它所包含的任何无法放入该区域的内容都将溢出。示例:这是宽度。对于高度,如果@user需要,可能必须将其设置为
900
(而不是
100%
),以避免幻灯片div的父级显示滚动条。谢谢!它工作,但我似乎遇到了一个错误。如果浏览器是800x800,那么第一个图像将加载;如果我最大化浏览器,幻灯片中的下一个图像将不是100%x 100%,而是上一个浏览器大小。是否有一个函数或一段代码可以用来刷新图像的宽度和高度?@T.J.这将导致IE中出现滚动条(必须爱IE)@用户,您所描述的不应该发生,我猜还有其他事情发生。如果你有一个工作的例子,你可以张贴我可能能够帮助。
<div class="slideshow"> 
    <img src="images/temp-bg.jpg" width="1400" height="900" /> 
    <img src="images/temp-bg2.jpg" width="1400" height="900" /> 
    <img src="images/temp-bg3.jpg" width="1400" height="900" /> 
</div> 
.slideshow {
    position:absolute;
    top:0;
    left:0;
    z-index:-999;
}