Question

I have some code for a basic start screen, But i want to change the button for to a image, How would i do this?

<div id="SplashScreen">
<h1>Game Title</h1>
<input id="StartButton" type="button" value="Start"/>
</div>

<canvas id="GameCanvas" style="display: none;">Game Stuff</canvas>

<script>
    $("#StartButton").click(function () {
    $("#SplashScreen").hide();
    $("#GameCanvas").show();
});
</script>

So i want the play button to be replaced with a image? Is there anyway to do this?

Answer 1

You can use this :

<button type="button" id="StartButton"><img src="image.png" /></button>