I have a web site that has a background image that resizes to the browser width/height using some jquery, and I would like to change that image on certain pages.
The script targets a div with an id of body-background, so I was wondering if it was possible to target that div and change it's contents to be another image when I'm on a different page (one for the About, one for the Contact, another maybe for the Blog)?
This is the div in question with it's content:
<div id="body-background"><img src="images/bg-harrisons-01-2.jpg" alt="Home page background" /></div>
It uses the script jquery.ez-bg-resize.js
The site can be viewed at: http://www.harrisonshairstudio.co.uk/
Hopefully someone can help, thanks