For anyone that comes across this same question. I created a slider with minimal code for your learning needs.
The main concept behind the slider is to;
+Make a div tag the width of one image.
+Inside your div tag you should have a ul tag the width of all your images combined.
+Make sure to float:left all your images and overflow:hidden so they are all on the same line.
+Then start shifting ul to the left with margin-left.