Multi-Image Slider
<p>I am looking to make a slider that holds multple images, its an extremely simple product slider with images that link to their product pages. I want the arrows to be on either side of the slider. I notice that when i also implement my slider it negates the "prettyPhoto" feature i have in the div before.</p>

<p>I am using HTML4 unfortunately. here is a JS fiddle i put together of my slider!</p>

<p>I cant get the arrows to show for some reason... and all the images are on top of eachother. im just not quite sure what im doing wrong with this. i am fairly new at javascript and sliders.</p>

<p>Thanks in advance for all the help.</p>

<p>I need it to look like this:
<a href="https://i.stack.imgur.com/x045M.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/x045M.png" alt="enter image description here"></a></p>