title: How to rectify the no wrap(head) JavaScript from jsFiddle to HTML to get it working
body: <p>Few days ago, I posted a query regarding a concept of a slide. <br/>
  stumbled upon this exact concept right here.<br/>
  <a href="http://jsfiddle.net/JCQ6Q/15/" rel="nofollow">http://jsfiddle.net/JCQ6Q/15/</a> <br/></p>
  
  <p>However, I'm facing a problem. <br/>
  in Js Fiddle, everything seems to be working out fine. <br/>
  but When I compile it on the HTML editor software on my local host, It doesn't run :( <br/>
  The images are stack on top of one another &amp; a scroll bar appears.</p>
  
  <p>It may be because on JsFiddle, the framework is put to <em>no wrap(head)</em> <br/>
  If Its put to the default <em>onLoad</em> ,  the same thing happens as it does in my HTML</p>
  
  <p>any inputs on how i can correctly put the javascript on the HTML?</p>