How can I pass javascript object instead of manually typing image names
<p>I'm working with the <a href="http://tobia.github.com/CrossSlide/" rel="nofollow">CrossSlide jQuery plugin</a> and the documentation shows the following code:</p>

<pre><code>&lt;script&gt;
  $(function() {
    $('#slideshow').crossSlide({
      sleep: 2,
      fade: 1
    }, [
      { src: 'picture1.jpg' },
      { src: 'picture2.jpg' },
      { src: 'picture3.jpg' },
      { src: 'picture4.jpg' }
    ])
  });
&lt;/script&gt;
</code></pre>

<p>What I want to do is pass in an array of object with src property instead of manually passing in the pictures. I have been able to create an object but I'm not sure if there is a way do that.</p>

<p>Does Javascript provide any method/ways of taking the object and having it, probably at runtime, expand or the like?</p>

<p>If you think there is another plugin I should look into instead, I'm open to suggestions.</p>
