Rotating background images with admin options

i would try the plugin “attachments” for the images. use it all the time for making page-specific galeries, downloads, etc.

afterwards, you can use the script “supersized

Enqueue the Javascript from the Plugin, and place the following Code into the <head>:

<script type="text/javascript">  

    jQuery(function($){
        $.supersized({

                            //Functionality gnav != true
                slideshow               :   1,        //Slideshow on/off
                autoplay                :   1,        //Slideshow starts playing automatically
                start_slide             :   1,        //Start slide (0 is random)
                random                  :   0,        //Randomize slide order (Ignores start slide)
                slide_interval          :   5000,    //Length between transitions
                transition              :   1,         //0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
                transition_speed        :   2500,    //Speed of transition
                new_window              :   1,        //Image links open in new window/tab
                pause_hover             :   0,        //Pause slideshow on hover
                keyboard_nav            :   1,        //Keyboard navigation on/off
                performance             :   1,        //0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
                image_protect           :   1,        //Disables image dragging and right click with Javascript
                image_path              :   '', //Default image path

                //Size & Position
                min_width               :   0,        //Min width allowed (in pixels)
                min_height              :   0,        //Min height allowed (in pixels)
                vertical_center         :   1,        //Vertically center background
                horizontal_center       :   1,        //Horizontally center background
                fit_portrait            :   0,        //Portrait images will not exceed browser height
                fit_landscape           :   0,        //Landscape images will not exceed browser width
                //Components
                navigation              :   0,        //Slideshow controls on/off
                thumbnail_navigation    :   0,        //Thumbnail navigation
                slide_counter           :   0,        //Display slide numbers
                slide_captions          :   0,        //Slide caption (Pull from "title" in slides array)
                            slides                  :   [        //Slideshow Images
                                                { image : "URLTOIMAGE", thumb : "URLTOTHUMB" , title : "TITLE" }, ...                                       ]

        }); 
    });

</script>

you can use as many images as you want. I recommend them to have a resolution of about 1600×900, to have beautiful images evven on a big screen, while not having a too big filesize.