How to make a big image not scroll?


Tags: javascript,jquery,css,css3,jquery-cycle

Problem :

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



Solution :

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


    CSS Howto..

    How Do I Add CSS Transition Effect to This

    jquery .show() hides immediately

    How to center image which is bigger than screen?

    How do browsers read and interpret CSS?

    How to include all css kept in a direcotry?

    How does Matt Haughey's blog insert rosettes in each post title? [closed]

    How do I change this flipping card to rotate itself onclick?

    How to view embedded image in a CSS file

    How to replace HTML text with images using CSS content cross browser

    HTML & CSS: How to create four equal size tabs that fill 100% width?

    How to align elements equally in a line in CSS/Bootstrap?

    Creating transparent text to show gradient color of underlying div

    How to provide a stylesheet for rendering PDFs?

    How to modify a WordPress post's markup? [closed]

    How to apply CSS to buttons?

    How to eliminate the overlap border using CSS only

    How to add html code into html?

    How to get button groups that span the full width of a parent in Bootstrap?

    How to increase the size of an unicode icon awesome fonts relative to its container with CSS

    How can you grab elements in dom and apply different css without id?

    Can you tell me why my webpage displays differently in IE and how to fix it

    how to create proportional image height/width

    how to center horizontally div and span elements using css

    If the tabs use all images to show text + icon on each tab, then how to add text to to help search engine to find the keywords on the tabs?

    How to position a SWIPER SLIDE in the centre of the page? [closed]

    how to drag and drop a
    across the page

    How to test CSS selector performance?

    Before CSS, how one would change margins and paddings?

    How are the page-break properties in CSS supposed to work?

    How to implement fluid design to fit 1024x768 size monitor or higher?