Цикл горизонтального скольжения div бесконечно

Question

Я пытался написать свою собственную карусель с бесконечным циклом.Код работает отлично, за одним исключением.Я хочу, чтобы это пошло в цикле, где первый div добавляется в последний и так далее.Прямо сейчас он возвращается к предыдущей позиции.

Я пробовал разные вещи, но, похоже, ничего не работает.Любая помощь?

let divArray = $(".mybox");
let sliderFrame = $(".slider");
let i = 0;

function test() {
  //sliderFrame.append(divArray[i]);
  sliderFrame.delay(1000).animate({ right: 150 * i + "px" });
  if (i < divArray.length/2) i++;
  else i = 0;
  test();
}
test();

https://codepen.io/xblack/pen/mLYdeb

Answer 1

Вы можете попробовать это -

let sliderFrame = $(".slider");
let i = 0;

function test() {
  let divArray = $(".mybox");
  $(divArray[0]) 
    .animate({"margin-left":"-150px"}, 5000, function() {
    $(this)
      .css({"width":"150px","margin-left":"0px"})
      .appendTo(sliderFrame);
    test();
  });
}
test();