title: Multi-Image Slider
body: <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>