Carousel inside Panel - bootstrap -

how put carousel inside panel ? bootstrap im trying put carousel inside panel, images doesnt show

      <div class="panel panel-default">         <div class="panel-heading">          <h3 class="panel-title"></h3>        <div class="panel-body"><font size="2" face="arial">       <div class="container">       <div id="mycarousel" class="carousel slide" data-ride="carousel">    <ol class="carousel-indicators">        <li data-target="#mycarousel" data-slide-to= "0" class="item active"></li>        <li data-target="#mycarousel" data-slide-to= "1"></li>        <li data-target="#mycarousel" data-slide-to= "2"></li>    </ol>    <div class="carousel-inner">      <div class="item active">        </div>          <img scr="\darryl\images\front.jpg" alt="ched" class="img-responsive">        </div>      </div>   </div> 

try replace this:

<img scr="\darryl\images\front.jpg" alt="ched" class="img-responsive"> 

by this:

<img scr="/darryl/images/front.jpg" alt="ched" class="img-responsive">