在django中，这是制作背景图像幻灯片的最佳方式吗？

Question

我的网址文件中有三张图片随机成为我的主页背景

但是，从网址文件中指定的三张图片中每隔5秒不断改变主页改变背景图像的最佳方法是什么？

最好的办法是什么？

---

Django的

def homePage(request):
    images = ['RockTop', 'TheThree', 'ThreeBoys']
    background_image = 'static/' + images[random.randint(0,2)] + '.JPG'
    return render(request, 'homePage.html', {'background_image': background_image})

Answer 1

我会将所有图像呈现为前端并使用jquery进行滑动。

类似于:(您需要相应地调整变量名称，这几乎是伪名称）

{% for im in all_images %}
   <img src="im.url" id="im_{{ forloop.counter }}" />
{% endfor %}

jquery：

var random_im_id = Math.floor(Math.random() * 3) + 1; // random number between 1 - 3
var background_image = 'url(' + $('#im_' + random_im_id).attr('src') +  ')';

$('body').css('background-image', background_image);