CSS horizontal scrolling overflow with jQuery slider -

I'm trying to setup a full screen jquery slider. I have broken this project in two phases: 1) CSS and 2) JS

1) CSS is a picture below which I'm shooting (no fixed height) and below is the code that I have done so far does not do.

  & lt; Html xmlns = "http://www.w3.org/ 1999/XHtml" xml: lang = "en" lang = "en" & gt; & Lt; Top & gt; & Lt; Style type = "text / css" & gt; / * Positioning * / # container {width: 2500px; } .block {display: inline; } / * Styling * / .block img {padding: 5px; } & Lt; / Style & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Div id = "container" & gt; & Lt; Div class = "block" & gt; & Lt; Img src = "http://i42.tinypic.com/1zp2poz.gif" & gt; & Lt; / Div & gt; & Lt; Div class = "block" & gt; & Lt; Img src = "http://i42.tinypic.com/1zp2poz.gif" & gt; & Lt; / Div & gt; & Lt; Div class = "block" & gt; & Lt; Img src = "http://i42.tinypic.com/1zp2poz.gif" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt; By using Jquery,  

2) JavaScript , I want the divs to click on the slides on the left ... as possible.

Thanks, any help is appreciated.

You have to start by setting the container's CSS to div to a fixed width and overflow to hide That's what just looks inside the area:

  #container {width: 500px; Height: 200px; Hidden flurry; }  

How did you want the slider to work? self drive? Press button? There are some plugins that may be able to take care of themselves