change image based on page title

[fini]

I'm wanting to set an image on a page depending on the page title eg if you were viewing boats.htm it would show boats.jpg, or on cars.htm it would show cars.jpg.

I've done some googling, but, tbh, I've no idea where to even start.

A push in the right direction would be greatly appreciated.

 

[fini]

I'm sorry, but I don't have a clue - what difference would it make?

 

[fini]

Yes they're static pages. I figured it would be a lot easier to have a single snippet of code that changed the picture to the name of the page than change the source for an image for every new page that I create.

Using what you posted I've tried this

<script language="JavaScript1.2">

<!--
var picsource = document.URL.split('/').pop().split('.').shift();
//-->

</script>

<img src= picsource & ".jpg" alt="" name="photo" width="32" height="32" id="photo" />

It doesn't seem to work though - am not completely sure what I'm doing wrong.

 

[fini]

thanks to you setting me off on the right course I've now worked it out

<script language="JavaScript">
<!--
function setimage()
{
var picsource = document.URL.split('/').pop().split('.').shift();
var str=picsource +'.jpg';
document.images['imgphoto'].src=str;
}
</script>

Many thanks

 

[fini]

Nothing wrong with doing it that way - I hadn't actually considered doing that. I guess that way would lead to a slightly longer css file and thus take (very very) slightly longer for the page to load, but the main disadvantage would be when I start having loads of pages - the file could start getting really really long. This way I just need to remember to dump a file in the directory with the same name.