Ok.. be gentle. I am somewhat new to coding. This is my first attempt at building a site from scratch not using any templates or anything. I'm trying to embed the JS Orbit slider on my front page. I got the slider to appear on my page and positioned it exactly where i wanted it however it won't load my images that i call for. I've searched their site for help but haven't really found anything specific to my problem.

here is some of the coding:

Code:
<script src="js/jquery-1.5.1.min.js" type="text/javascript"></script>
    <script src="js/jquery.orbit-1.2.3.min.js" type="text/javascript"></script>
	<script type="text/javascript">
      $(window).load(function() {
        $('#featured').orbit({
          "animation" : "horizontal-push"
        });
      });
    </script>
	<link href="css/default.css" rel="stylesheet" type="text/css">
	<link rel="stylesheet" href="css/orbit.css">

<div id="product_gallery">
	             <div id="featured"> 
			     <img src="images/GI-TEMP.png" alt="Temporary Image Holder" />
				 <img src="images/GI-TEMP2.png" alt="Temporary Image Holder" />
				 </div>
So this will load the slider box itself but will not load my images. Any help would be GREATLY appreciated. Let me know if I need to post the CSS coding. Thanks everyone!