How to add a slider in header background

[Billiemore]

please, how do i add a slide show in header background. thanks in advance

[vekia]

hello

im not sure what feature you looking for, is there somewhere over the internet some example of feature that you want to include to your website?

[Billiemore]

please check this site;

http://hotel.egobekeecancerfoundation.org

i want to change the background header image into a slider (i mean sliding images  instead of the present picture).

thank you @ Ambasador

please check this site;

http://hotel.egobekeecancerfoundation.org

i want to change the background header image into a slider (i mean sliding images  instead of the present picture).

thank you @ Ambasador

[vekia]

so you want to create something that will slide images in background?

if so plugin named backstretch can be a solution
 

1. download free html box module
2. install it in your shop
3. on module configuration page select "header" section
4. to the edior paste code:
   

   <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-backstretch/2.0.4/jquery.backstretch.min.js"></script>
   <script>$(document).ready(function(){
   $("#header").backstretch([
    "http://dl.dropbox.com/u/515046/www/outside.jpg"
    , "http://dl.dropbox.com/u/515046/www/garfield-interior.jpg"
    , "http://dl.dropbox.com/u/515046/www/cheers.jpg"
    ], {duration: 3000, fade: 750});
   });</script>
   
   

5. after save you will have a slider in background with images defined in backstretch([arary])

[Folthor]

How to do it in 2021? Unfortunately, this code does not work