$(".banner-box").slide({
      titCell:".hd ul",
      mainCell:".bd ul",
      effect:"leftLoop",
      interTime:1500,
      delayTime:500,
      //defaultPlay:true,
      autoPlay:true,
      autoPage:true,
      trigger:"click"
});
$(".bd_ul").width("100%");
$(".bd_li").width("100%");
var width = $(".banner-box").outerWidth();
$(".m-width").width(width);
$(".m-width").find("img").width(width);

 <div class="banner-box">
<div class="bd">
<ul class="bd_ul">
<li class="bd_li">
<div class="m-width">
<a href="javascript:void(0);"><img src="resources/images/slider1.jpg" /></a>
</div>
</li>
<li class="bd_li">
<div class="m-width">
<a href="javascript:void(0);"><img src="resources/images/slider2.jpg" /></a>
</div>
</li>
<li class="bd_li">
<div class="m-width">
<a href="javascript:void(0);"><img src="resources/images/slider3.jpg" /></a>
</div>
</li>
<li class="bd_li">
<div class="m-width">
<a href="javascript:void(0);"><img src="resources/images/slider4.jpg" /></a>
</div>
</li>
</ul>
</div>
<div class="banner-btn">
<a class="prev" href="javascript:void(0);"></a>
<a class="next" href="javascript:void(0);"></a>
<div class="hd"><ul></ul></div>
</div>
</div>