Hi,

I put together a an article on black and white conversions in Photoshop. There are a lot of possibilities for any given photo, and some of them look better than others.

To save real estate, I'm using an img ( with a transparent frame ) and javascripts to swap out the background image. The first two ( color channels and conversion modes ) work perfectly, but the last does nothing. And I can't tell what the difference is. The images are where they're supposed to be, the java is almost identical ( and doesn't offend FireFox ), and the html it's embedded in is similar.

This is broken, and I don't understand how:

  <img src="/GraphicElements/ArticlePhotoFrame810.png" style="background-image:url(/Articles/DigitalBW/Color_2.jpg)" alt="" id="SecondImage" class="articlePhoto500x400" />

  <a href="javascript:BW_ShowSepia2()">Sepia</a>

function BW_ShowSepia2() { document.getElementById("SecondImage").style.backgroundImage = "url(/Articles/DigitalBW/Sepia2.jpg)"; }

Any thoughts?

Try changing

document.getElementById("SecondImage").style.backgroundImage = "url(/Articles/DigitalBW/Sepia2.jpg)";

to

document.getElementById("SecondImage").style = "background-image: url(/Articles/DigitalBW/Sepia2.jpg)";