Javascript jquery用于图像和视频幻灯片的数组

我需要一个jquery插件，它可以容纳HTML代码中的图像和视频，并在幻灯片中显示它们。下面是我分别包含图像和视频数据的代码（我也可以将它们组合在一起）

---

提前感谢

您认为这是django的问题吗？我们在后端使用django，如for循环所示，但我删除了django

 <div id="slideshow1" class="data">
        {% for item in variable_data %}
               <img src={{item}} width="800" height="600">
               <video id="MY_VIDEO_1" controls autoplay width="800" height="600" >
               <source src={{item}} type='video/mp4'>
        </video>
        {% endfor %}
 </div>

$('#slideshow1').cycle({ 
    fx:     'shuffle', 
    easing: 'easeOutBack', 
    delay:  -4000 
});