slide two images

   <div style=" height:auto" id="top_ads" class="containerimg">
        <div> <a href="http://nexbits.com">
        <img src="ads/ads_big.jpg" class="img-responsive">
         </img> 
         </a>
        </div>
        <div>
          <a href="http://nexbits.com">
        <img src="ads/ads_res.jpg" class="img-responsive">
         </img>
         </a>
         </div>
     </div>

     $(document).ready(function() {

  $(".containerimg > div:gt(0)").hide();
    setInterval(function() { 
   // Set the effect type
    var effect = 'slide';
    // Set the options for the effect type chosen
    var options = { direction: 'left'};
    // Set the duration (default: 400 milliseconds)
    var duration = 400;
  // var options = { direction: 'left' };
  // toggle(effect, options, duration);
  $('.containerimg > div:first')
    .fadeOut()
    // .toggle(effect, options, 1500)
    .next()
    .fadeIn()
    // .toggle(effect, options, 1500)
     //.toggle('slide', options, 500);
    .end()
    .appendTo('.containerimg');
 },  10000);

});// end of jquery code