Edit in JSFiddle

$(function() {
  function loop() {
    $('.slider .inner-wrap').fadeIn("slow").css('marginLeft', 0).delay(2000)
      .animate({
        "marginLeft": "-200px"
      }, 700).delay(2000)
      .animate({
        "marginLeft": "-400px"
      }, 700).delay(2000)
      .fadeOut("slow", loop);
  }
  loop();
});

<div class="slider">
    <ul class="inner-wrap">
        <li class="item">
        <img src="https://source.unsplash.com/random/200x200" height="200" width="200" />
        </li><li class="item">
        <img src="https://source.unsplash.com/featured/200x200" height="200" width="200" />
        </li><li class="item">
        <img src="https://source.unsplash.com/category/sports" height="200" width="200" />
        </li>
    </ul>
</div>

.slider {
  width: 200px;
  height: 200px;
  overflow: hidden;
  margin: 30px auto;
  background-image: url(data:image/gif;base64,R0lGODlhEAAQAPIGAAAAAMLCwkJCQpKSkmJiYoKCgv///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCgAGACwAAAAAEAAQAAADM2i63P4wyklrC0IEKgAQnAdOmGYFBLExwboQWcG2rlHEwTDQLUsUOd2mBxkUCgNKa+dIAAAh+QQJCgAGACwAAAIACgAOAAADLWgWIqHQCABEVLPe1R4MBOFFRFNsRUNsYDFewTC8iixvQ1EMyxjEvyBLODQkAAAh+QQJCgAGACwAAAAACgAOAAADLWi6IRJrCQCECoU0ag1xxeBARuEQ0UUU5DUM7fK+qTEUYR0EcM3Ev51uB7wAEwAh+QQJCgAGACwAAAAADgAKAAADLWi6URQrLiJEkSaM0eqrkLFtAVEEAgAIylAUQ5SuSqCFNZjhWG3zmB8wOJQkAAAh+QQJCgAGACwCAAAADgAKAAADK2hqMRMrLuekCnCU8gqBDCZ2glBcYkSUxIJJgQdaUVDOtAAAAr3oPN/llgAAIfkECQoABgAsBgAAAAoADgAAAytoEdauiz0Yx5BQFTvN2EMXWNgUFETZFIJQdERLiGgZtKohAIDQ7T0RrpEAACH5BAkKAAYALAYAAgAKAA4AAAMqaKoR+609Fie1K4zhZiibNRSg1XAQUXQPIQgE835voQgAIARqh+ummSUBACH5BAUKAAYALAIABgAOAAoAAAMsaLpsES2+F9mEddEgBFbBMGACAAiMOCrlGRBFWBQD2L0dYYjfUuQZEKynSAAAOw==);
  background-size: 16px 16px;
  background-position: center center;
  background-repeat: no-repeat;
}

.slider img {
  width: 200px;
  height: 200px;
}

.inner-wrap {
  width: 600px;
  margin: 0;
  padding: 0;
  /*list-style-type: none;*/
}

.item {
  display: inline-block;
  vertical-align: top;
}