正如我在标题中提到的，我在将我的动画正确嵌入到我的Django项目中时遇到了问题。
在某个时候，我决定更新我的网页内置的Django使用的徽标。有了一点JavaScript的经验，我在寻找适合我需要的方法。我建立了一个有一些灵感的动画引擎from this StackOverflow answer.（感谢用户gilly 3）。
不过，我的方法在这个主题中是不同的，因为我意识到如果我有很多图片，那么将它们粘在一起/连接在一个文件中可能会很困难。我决定使用另一种方法，使用一堆文件而不是一个文件。为此，我用一个生成器构建了一个函数，我可以调用另一个函数来按顺序显示所有图片。这个 * 动画引擎 * 看起来像这样：

function* indexGenerator() {
    let index = 1;
    while (index < 28) {
        yield index++;
    }
    if (index = 28)
        yield* indexGenerator();
  };

var number = indexGenerator();

setInterval(function animationslider()
{
    var file = "<img src=\"../../../static/my_project/logos/media/slides_banner_f/slide_" + number.next().value + ".jpg\" />";
    document.getElementById("animation-slider").innerHTML = file;
    
    $("#animation-slider").fadeIn(1000);
    
    
}, 100);

$("#animation-slider").fadeIn(1000);对于10-1000之间的值不起作用。https://youtu.be/RVBtLbBArh0
我怀疑第一个重定位问题的解决方案可以使用CSS来解决，但我还不知道如何做。
动画的闪烁可能是因为一个一个加载所有这些图片造成的，在上面的示例视频中，有28个，我想知道这些内容是否会异步加载（例如使用** AJAX **）是否可以解决问题？是否可以加载所有内容，并在加载所有内容后，然后显示动画（某种预加载）？我将感谢所有的建议和提示。
我知道在我之前提到的主题中有一个解决方案。但我对其他的方法很好奇。