I streamlined it to work with only one static image in <div class="noscript"> and to use only the "idiagram" and "noscript" classes. This way, no new elements have to be added to existing diagrams.
As a test, I displayed the Print version on the page, and it did not show up at all in the Print Preview. When I had tried this earlier before hiding idiagram during printing, it showed up with missing elements in Print Preview. Since it's not suitable for printing, I would suggest calling it something other than Print. Then we can hide it during printing without getting complaints that it is not printing. I was testing this with Eurasian Chess, and you can get the background colors and pieces printed if you select the "Print backgrounds" option in the Print Preview.
Speaking of Eurasian Chess, that game uses a background for the main image, but it doesn't for the individual piece diagrams. It seems like it should, though.
I streamlined it to work with only one static image in
<div class="noscript">and to use only the "idiagram" and "noscript" classes. This way, no new elements have to be added to existing diagrams.As a test, I displayed the Print version on the page, and it did not show up at all in the Print Preview.
When I had tried this earlier before hiding idiagram during printing, it showed up with missing elements in Print Preview. Since it's not suitable for printing, I would suggest calling it something other than Print. Then we can hide it during printing without getting complaints that it is not printing.I was testing this with Eurasian Chess, and you can get the background colors and pieces printed if you select the "Print backgrounds" option in the Print Preview.Speaking of Eurasian Chess, that game uses a background for the main image, but it doesn't for the individual piece diagrams. It seems like it should, though.