title: How can i grab the source of the background on a div
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/6397529/get-url-from-background-image-property">Get URL from background-image Property</a>  </p>
  </blockquote>
  
  
  
  <p>I'm using the <a href="http://jquery.malsup.com/cycle/" rel="nofollow noreferrer">Cycle Plugin</a> and i want to create a pager/thumbnail.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div id="slide"&gt;
    &lt;div class="panel" id="product"&gt;
  
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My Image is on the background of the div. Not inside the div itself</p>
  
  <p><strong>JS Call</strong></p>
  
  <p><code>pager:'#thumbs',
          pagerAnchorBuilder: function(idx, slide) { 
          return '&lt;li&gt;&lt;a href="#"&gt;&lt;img src="' + slide.src + '" width="50" height="50" /&gt;&lt;/a&gt;&lt;/li&gt;'; 
      },</code></p>
  
  <p><code>return '&lt;li&gt;&lt;a href="#"&gt;&lt;img src="' + slide.src + '" width="50" height="50" /&gt;&lt;/a&gt;&lt;/li&gt;';</code></p>
  
  <p>I'm trying to grab the background image on <code>product</code>. So instead of returning <code>+ slide.src +</code> what would i replace this with?</p>
  
  <p>The above grabs the source of the image. How can i grab the background source on the div rather than the image source? </p>
  
  <p>My image is on the div not inside a <code>&lt;img&gt;</code> tag.</p>
  
  <p>**Thanks. **</p>