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