I have a dynamic list of image urls in my html. It looks something like this:

```
<div class="header-images">
    <span class="slider-images">img.jpg</span>
    <span class="slider-images">img1.jpg</span>
    <span class="slider-images">img2.jpg</span>
</div>

```

I need to save the contents of each span to an array. Here is what I have so far:

```
var elems = document.getElementsByClassName("slider-images");
var arr = jQuery.makeArray(elems);
arr.reverse();

```

I need to take those values and use them in the code below to replace the current array for "images":

```
$("#image-head").bgswitcher({
    images: ["pic1.jpg", "pic2.jpg", "pic3.jpg"],
    interval: 5000,
    effect: fade
});

```