How to grab and display img from external site

Question

I'm trying to figure out how to grab the image from an external site, in my case, http://bikerace.com/tracks/[levelCode] (as an example level code, nhx874, the url would be http://www.bikerace.com/tracks/nhx874 )

Users on bikeracelevels(dot com) have to input the level code THEN upload a screenshot. I'm trying to remove this requirement by automatically grabbing the image based on the code they input, since I could append their input code to the url, then somehow find the image (since the only image on the page would be the one I want)

How could I accomplish this? Thank you very much in advance!

Answer 1

Get this cross-domain AJAX plugin for use with jQuery: https://github.com/padolsey/jquery.fn/tree/master/cross-domain-ajax

Use it to load the page on bikerace.com/[levelcode], then select the image from the data as you normally would with jQuery.