ifames alternative

ifames alternative

Hi,

so i need to replace iframes for jQuery DIVS. Reading in the internet, its really simple. In proactice, it seems much harder.

Notes:
all external pages are within the folder structure to the index.html that is looking at them
all images are in a folder called images

Scenario:
Index has a DIV called 'Sizzle'. in this div, i want to change the content to 3 possible pages (pg1, pg2, pg3)
any one of these pages need to be displayed in the div. all pages have images on them.

Questions:
can images be shown in the divs as they can in iframes?
why doesnt this code work?-
  2. <!DOCTYPE HTML>
  3. <html>
  4. <head>
  5.   <meta charset="utf-8">
  6.   <title>MyPlay</title>
  7.   <link href="Includes/MYcss.css" rel="stylesheet" type="text/css">
  8.   <link rel="stylesheet" href="includes/jquery-mobile/jquery.mobile-1.0.min.css" />
  9.   <script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>

  11. <style type="text/css">
  12. </style>
  13. <script type="text/javascript">
  14.         $(document).ready(function() {
  15.         $('#sizzle').load('/includes/earphones.html');
  16.         });    
  17.     </script>

  19. </head>
  20. <body>
  21. <div class="container">
  22.     <!--start of header-->
  23.     <div class="header">
  24.     </div>
  25.     <!-- end .header -->
  26.       <!-- START OF CONTENT -->
  27.       <div id="sizzle" class ="content">   
  28.       </div><!-- /content -->  
  29.        
  30.       <!-- END OF CONTENT -->
  31.     
  32.     <!--start of player-->
  33.     <div class="player">
  34.     <P>AREA FOR PLAYER</P>
  35.     </div>
  36.     <div class="footer">
  37.     <img src="Includes/Images/Mylogo.PNG" width="113" height="28" alt="Myfooter">
  38.     <p>AREA FOR FOOTER</p>
  39.     </div>
  40.     <!-- end .footer -->
  41. </div>
  42.   <!-- end .container --
  43. </body>
thanks,

a very frustrated Nigel :)