How do you display a header image only on the homepage without using php?

Answer 1

There are many ways to do such a thing.

One would be to give the header a unique id on the home page and use CSS specify it's background image. Of course, if you're doing that, you might as well just add an image tag to it anyway.

If you're looking to add an image on that particular page, without modifying the element into which it's inserted, you could also do it using javascript:

<script type="text/javascript">

var URL = window.location.pathname;

var pageName = URL.substring(URL.lastIndexOf('/') + 1);

if(pageName == 'index.HTML'){

header = document.getElementById('pageHeader');

header.innerHTML = header.innerHTML + '<img src="headerimage.jpg">;

}

</script>