jQuery General Question (cycle plugin)
<p>Currently this does work except slide.src is undefined because by default slide.src is looking for an image src tag first, but the image src tag is now inside the div properties.</p>

<p>So how can i change the javascript + slide.src + to be(or get) the image inside the div properties.</p>

<p>View</p>

<pre><code>&lt;div id="properties"&gt;
&lt;?php foreach($search_results-&gt;result() as $row) :?&gt;
&lt;div id="&lt;?=$row-&gt;mls_listing_id?&gt;"&gt;&lt;br&gt;
Listing ID : &lt;?=$row-&gt;mls_listing_id?&gt;&lt;br&gt;
State: &lt;?=$row-&gt;sale_price?&gt;&lt;br&gt;
State: &lt;?=$row-&gt;mls_state_code?&gt;&lt;br&gt;
MLS Office: &lt;?=$row-&gt;mls_office_name?&gt;&lt;br&gt;
Office Number: &lt;?=$row-&gt;mls_office_phone?&gt;&lt;br&gt;
Photo: **&lt;img src="&lt;?=$row-&gt;photo_url?&gt;" width="175" height="137" /**&gt;&lt;br&gt;
&lt;/div&gt;&lt;!--END specific id div --&gt;
&lt;?php endforeach; ?&gt;

&lt;/div&gt;&lt;!--End Properties DIV --&gt;
</code></pre>

<p>javascript</p>

<pre><code>$('#properties')
.before('&lt;ul id="propnav"&gt;')
.cycle({ 
    fx: 'scrollHorz', 
    next:'#next',   
    prev:'#prev',
    pager:  '#propnav', 
    delay: -1000 ,
    // callback fn that creates a thumbnail to use as pager anchor 
    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></pre>
