Banner JavaScript Required

[riz-man]

Hi all,

I'm trying to find a JavaScript script that would allow me to place a specific header image on each page.

For example, a banner showing tennis players on a page about tennis and a banner showing football players on a page about football.

Thanks in advance for any assistance provided.

[nap0leon]

Not sure why you want to use JavaScript... but it would go like this:

1- let's presume your page has a default image already in place that is coded like this:

<img src="default.jpg" id="imgBanner" />

2- to change this image to some other image, you do like this:

document.getElementById('imgBanner').src = 'tennis.jpg'

All that is left is for you to figure out how to decide which image you want to use on the page... e.g.,

//add this to every page:
setBannerImage('tennis');

and have this function in your common functions

function setBannerImage(topic){
  if (topic){
    var newImage;
    switch(topic){
      case 'tennis':
        newImage = 'tennis.jpg';
        break;
      case 'football':
        newImage = 'football_banner.jpg';
        break;
      default:
        newImage = 'default.jpg';
    }
    document.getElementById('imgBanner').src = newImage;
  }
}