تغییر تصویر پس زمینه وب سایت

[افسر جنگ 68]

درود
وقت بخیر
ما یه وب سایت داریم و تک صفحه است و می خواهیم تصویر زمینه پشتش به صورت مداوم تغییر کنه
و هر تصویر پشت سر هم با فاصله زمانی 3 ثانیه حداقل به طور مداوم تغییر پیدا کنه
میخواستم اگر میشه کد مربوطه رو اگر کسی میدونه بهم بده ؟
خواهشا از تکنولوژی های زیر باشه
HTML + CSS + jS + jQuery + Bootstrap + PHP
در ضمن ما از هیچ سیستم مدیریت محتوایی بهره نمی بریم که بخواهیم حالا اگر باشه از افزونه خاصی استفاده کنیم.
پیشاپیش سپاس

[دانشجو 39]

سلام

کد Javascript

function run(interval, frames) {
    var int = 1;
    
    function func() {
        document.body.id = "b"+int;
        int++;
        if(int === frames) { int = 1; }
    }
    
    var swap = window.setInterval(func, interval);
}

run(3000, 10); //milliseconds, frames

 

کد Css 

#b1 { background: hsl(0, 50%, 50%); }
#b2 { background: hsl(30, 50%, 50%); }
#b3 { background: hsl(60, 50%, 50%); }
#b4 { background: hsl(90, 50%, 50%); }
#b5 { background: hsl(120, 50%, 50%); }
#b6 { background: hsl(150, 50%, 50%); }
#b7 { background: hsl(180, 50%, 50%); }
#b8 { background: hsl(210, 50%, 50%); }
#b9 { background: hsl(240, 50%, 50%); }
#b10 { background: hsl(270, 50%, 50%); }

این کد هر 3 ثانیه یکی از ده بکگراندی که مشخص کردیم رو قرار میده.

میتونید بجای این رنگهایی که قرار دادیم بهش عکس نسبت بدین.

لینک تکمیلی

[افسر جنگ 68]

در در ۱۴۰۰/۱/۱۵ در 12:42، دانشجو گفته است :

سلام

لینک تکمیلی

درود

سپاس

فقط این رسپانسیو هست؟

خواهشا میشه کلشو داخل فایل zip  بهم بدید با دستورات همراه جندتا تصویر