Javascript 想做一个像这样的定制旋转木马吗；我不知道这到底叫什么？

我正在制作一个简短的电影推荐网站，我已经在heroku上使用python创建了一个RESTAPI 我使用ajax得到了这个响应

 $.ajax({
                url: "MYURL?movie_name=" + movie,
                method: "GET",
                headers: {
                    "content-type": "application/x-www-form-urlencoded",
                    "Access-Control-Allow-Origin": "*"
                },
                crossDomain: true,
                success: function(result) {
                    console.log("hey");
                    console.log(result);
                    res = JSON.parse(result);
                }
            });

此res[“img”]和res[“name”]包含电影的图像和名称

如何创建这种类型的旋转木马，或者称之为此旋转木马

我是新的前端引导

---

现在，我想创建一个像这样的旋转木马，背面为阴影，中间的照片为明亮的外观，透明度较低

有一个jQuery库，就像你想要的一样

请点击此处查看演示：

下载来源：

您可以在下面添加href链接和说明。 在本例中，左侧和右侧图像的css不透明度为：1，您可以轻松地将其更改为不透明度：0.5或您想要的某个值。试试看

准备你的html，比如

<section id="dg-container" class="dg-container">
    <div class="dg-wrapper"></div>
    <nav>
        <span class="dg-prev">&lt;</span>
        <span class="dg-next">&gt;</span>
    </nav>
</section>

然后，在ajax成功中准备html

success: function(result) {
    res = JSON.parse(result);

    $.each(res, function() {
        $('.dg-wrapper').append('<a href="YourVideoUrl">\
            <img src="'+res["img"]+'" alt="'+res["name"]+'">\
            <div>'+res["name"]+'</div>\
        </a>');
    });
}

成功：函数（结果）{
res=JSON.parse（结果）；
$.each（res，function（）{
$（'.dg wrapper'）。追加（''）；
});
}

添加后的图像保持静态，并且在您调用插件js和init后不会移动？$（function（）{$（'#dg container'）.gallery（{autoplay:true}）；}）；是的，我已经调用了，但是他们先加载，然后我得到了返回值。如果我事先添加div，然后加载js，则返回值有效。但是如果我加载js，然后添加这些值，返回值保持静态。新添加的数据不会添加dg transition和dg center类