JSON to JSONP for cross domain PHP access [Agile Carousel]
<p>Currently using Agile Carousel in order to have some images carousel through, however trying to use this as a banner ad served through DART.</p>

<p>Issue being with the PHP file being served on a different server, i know that JSONP is the answer but not sure how to adapt my code and PHP file to represent this, any help would be great.</p>

<pre><code>$.getJSON("[PHP FILE SERVED ELSEWHERE]", function (data) {
$(document).ready(function () {
$("#basic_slideshow").agile_carousel ({
carousel_data: data,
carousel_outer_height: 70,
carousel_height: 70,
slide_height: 70,
carousel_outer_width: 422,
slide_width: 422,
transition_type: "slide",
timer: 4000
</code></pre>

<p>The PHP file being called by the getJSON looks like:</p>

<pre><code>[{
"content": "&lt;div class='slide_inner'&gt;&lt;a class='photo_link' href='[URL1]'
target='_blank'&gt;&lt;img class='photo' src='[IMAGE1]' alt=''&gt;&lt;/a&gt;&lt;a class='caption'
ref='#'&gt;&lt;/a&gt;&lt;/div&gt;"
}, {
"content": "&lt;div class='slide_inner'&gt;&lt;a class='photo_link' href='[URL2]'
target='_blank'&gt;
img class='photo' src='[IMAGE2]' alt=''&gt;&lt;/a&gt;&lt;a class='caption' href='#'&gt;&lt;/a&gt;&lt;/div&gt;"
}, {
"content": "&lt;div class='slide_inner'&gt;&lt;a class='photo_link' href='[URL3]'
target='_blank'&gt;&lt;img class='photo' src='[IMAGE3]' alt=''&gt;&lt;/a&gt;&lt;a class='caption'
href='#'&gt;&lt;/a&gt;&lt;/div&gt;"
}
]
</code></pre>

<p>I'm sure there are similar questions out there but I just couldnt figure out the best way to adapt both the javascript and the PHP file to cater for the JSONP request.</p>

<p>Thanks in advance!</p>
