Specifically I'm looking at how Alex implemented his fading intro image. He says you call the JS function with:
JS.introScreen (GetFileURL("intro.jpg"))
I can probably get that bit right. But where do I stick the rest of it?
function introScreen(url) {
$("#gameBorder").hide();
$("<div/>", {
id: "introScreen"
}).css({
position: "fixed",
top: 0,
left: 0,
width: "100%",
height: "100%",
overflow: "hidden",
"text-align": "center",
display: "none",
}).appendTo("body")
.html("<img id=\"introScreenImg\" style=\"max-width:100%;max-height:100%;\" src=\"" + url + "\"/>");
$("#introScreenImg").load(function() {
$("#introScreen").fadeIn(4000);
setTimeout(function() {
finishIntroScreen();
}, 7500);
});
}
function finishIntroScreen() {
$("#gameBorder").show();
$("#introScreen").fadeOut(7000, function() {
$("#introScreen").remove();
});
}
I've tried putting it under Javascript in Advanced and I just ended up getting errors. Plus I don't know what file name to give it. Once I've got it working I'll be able to start tinkering with it.