将当前背景图像存储在变量中

Question

我正在尝试在我的客户网站上创建一个轻量级的旋转木马。目前的问题是它没有存储div的原始背景图像。我如何将此添加到我目前拥有的？我会继续尝试，但到目前为止，我无法通过交换图像来显示原始图像。

HTML：

<div class="wrapper wrapper-<?php echo $id?>" id="wrapper-top" style="background-image: url(<?php echo $hero_img[0];?>);">

    <script>
function heroSlider (){
  jQuery(window).on('load', function () {
    (function ($) {
      "use strict";
      $.noConflict();
                $(function() {
                var homeCarousel = $('#wrapper-top');

                var backgrounds = [];

                for(var i=0; i<6; i++){

                    if($('#slide-'+i).text().trim().length != 0){

                        backgrounds.push('url('+ $('#slide-'+i).text() +')');

                    }

                }

                var current = 0;

                function nextBackground() {
                homeCarousel.css(
                 'background-image',
                    backgrounds[current = ++current % backgrounds.length]
                );

                setTimeout(nextBackground, 10000);
                }
                setTimeout(nextBackground, 10000).delay(3000);
                 homeCarousel.css('background-image', backgrounds[0]);
                });
        })(jQuery);
  });
}
heroSlider();
</script>