슬라이드의 이미지가 보이지않네요!! 도와주세요!!

<!DOCTYPE html><html lang=""> <head>  <meta charset="utf-8">  <title>Home</title>    <link rel="stylesheet" href="css/camera.css">    <!-- <link rel="stylesheet" href="css/style.css"> -->
  <script src="js/jquery.js"></script>  <script src="js/jquery-migrate-1.1.1.js"></script>    <script src="js/jquery.easing.1.3.js"></script>  <script src="js/camera.js"></script>      <script>  $(document).ready(function(){   jQuery('#camera_wrap').camera({   loader: false,   pagination: true ,   minHeight: '394',   thumbnails: false,   height: '40.1875%',   caption: false,   navigation: false,   fx: 'mosaic'   });   $().UItoTop({ easingType: 'easeOutQuart' });  })  </script>   </head> <body class="page1">
    <div class="slider_wrapper">   <div id="camera_wrap" class="">    <div data-src="images/slide.jpg"></div>    <div data-src="images/slide1.jpg"></div>    <div data-src="images/slide2.jpg"></div>   </div>  </div> 
     </body></html>