Embed photos from MARATHON-PHOTOS.COM into your website:
Notice: Please contact our representatives for the correct value of "{EVENT_NAME}" which appear below.
The embed iframe requires a minimum of 685 pixels in width, 750 in height.
Add all of the following code into your "Photos" page
<span>
<iframe width="685" height="750"
src="http://www.marathon-photos.com/scripts/embed.py?event={EVENT_NAME}&match="
style="border-style: hidden;"
id="MPiframe">
</span>
<script type="text/javascript" language="javascript">
function MP_getembed() {
if (document.location.search != "") {
var argstart = document.location.search.indexOf('match=');
if (argstart>=0) {
var value = document.location.search.substring(argstart+6);
var argend = value.indexOf('&');
if (argend == -1) argend = value.length;
var bib = value.substring(0,argend);
myurl = "http://www.marathon-photos.com/scripts/embed.py?event={EVENT_NAME}&match=" + bib;
document.getElementById('MPiframe').src=myurl;
}
}
}
document.onload=MP_getembed();
</script>
Note that the javascript MUST follow the iframe.
To make it possible to load a competitor's photos directly from the front page or similar, you must set the "match" parameter on the URL which loads the above page.
For example, if your page is called "photos.html" and you wanted to show competitor 1234's photos you would call
http://yoursite.com/photos.html?match=1234
The "match" parameter can be either a bib number or part of a name. In the case of multiple hits on a name, a list of possible names will show.
If you want to put a simple form onto your front page to allow the competitors to jump straight to their photos you would add something like this:
Enter your name or bib number here
<form action="photos.html" method="GET">
<input name="match" />
</form>
If your pages require other URL parameters, you need to add them as
<input type="hidden" name="paramname" value="paramvalue">
in the above form.
See the sample screenshot below:
