Cris
Cris

Reputation: 4044

How to make a big image not scroll?

I have a jquery cycle slideshow that slides through 3 big photos and is behind the rest of the content. Works fine but the problem is that if I resize the window to less than the width (1400) or height (900) of the photos the scrollbar appears. How to make the scroll disappear or how to make the images "act" like background-images... Sorry about the confusion, hope you can understand me.

HTML:

<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> 

CSS:

.slideshow {
    position:absolute;
    top:0;
    left:0;
    z-index:-999;
}

Thank you, Cris

Upvotes: 0

Views: 4021

Answers (1)

James Montagne
James Montagne

Reputation: 78780

You should be able to set the height and width to 100% and set overflow:hidden

Upvotes: 5

Related Questions