백그라운드 이미지의 슬라이드 쇼를 만드는 가장 좋은 방법은 장고입니다.

Question

URL 파일에 임의로 내 홈페이지 배경이되는 세 개의 이미지가 있습니다.

URL 파일에 지정된 세 장의 사진 중 5 초마다 홈 페이지의 변경 배경 이미지를 끊임없이 변경하는 가장 좋은 방법은 무엇입니까?

가장 좋은 방법은 무엇일까요?

---

장고

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);