jquery - adjust slider to be fullscreen, no scrolling with elements centered around it -


I have a slider WMUslider, I'm trying to create a full screen, the image is adjusted to the size of the window And adjust the elements to fit the aspect it should be worthy in CSS but I can not get it to work. This is the only thing on the page, right now you have to scroll down to see the whole image

This site is: P>

HTML:

  & lt; Div class = "wmuSlider example1" & gt; & Lt; Div class = "wmuSliderWrapper" style = "height: 100%;" & Gt; & Lt; Articles & gt; & Lt; Img src = "http://www.klossal.com/portfolio/space_1_header.png" /> & Lt; / Article & gt; & Lt; Articles & gt; & Lt; Img src = "http://www.klossal.com/portfolio/space_2_header.png" /> & Lt; / Article & gt; & Lt; / Div & gt; & Lt; / Div & gt;   

css

  / * demo * / WmuSlider, .wmuGallery {margin-down: 20px; } / * MwuSlider * / .wmuSlider {status: relative; Hidden flurry; } .wmuSlider .wmuSliderWrapper {display: none; } .wmuSlider .wmuSliderWrapper article {status: relative; Text align: center; } .wmuSlider .wmuSliderWrapper article img {max-width: 100%; Height: auto; } / * MwuGallery * / .wmuGallery .wmuGalleryImage {status: relative; Text align: center; } .wmuGallery .wmuGalleryImage img {max-width: 100%; Height: auto; } / * Default skin * / .wmuGallery .wmuGalleryImage {margin-down: 10px; }. WmuSliderPrev, .wmuSliderNext {status: absolute; Width: 40px; Height: 80px; Text indent: -9999 pixels; Background: URL (http://klossal.com/js/wmuSlider/demo/images/sprites.png) No-Encore 0 0; Top: 50%; Margin-top: -40px; Z-index: 2; } .wmuSliderPrev {background-position: 100% 0; Left: 20px; } .wmuSliderNext {true: 20px; } .wmuSliderPagination {z-index: 2; Status: Completed; Left: 50%; Bottom: 0 pixels; }. WmuSliderPagination li {float: left; Margin: 0x5px 0 0; List-style-type: none; } .wmuSliderPagination {display: block; Text indent: -9999 pixels; Width: 10px; Height: 10px; Background: URL (http://klossal.com/js/wmuSlider/demo/images/sprites.png) No-repeat 0 -80px; } .wmuSliderPagination a.wmuActive {background-position: -10px -80px; Body {background: # 141414; }    

Try Background size: cover covered this The page will therefore be the width of its screen.

Comments