Comments on: Printing a QT Image

Question: Printing a QT Image

Taken Outtacontext — Wed, 13 Jun 2007 06:11:58 -0800

CSS/Print/QTVR Filter: I am trying to print this page. But when I do the QTVR image doesn't print (FWIW: it's a poster QT image with the QTVR). How can I get it to print? I have a special print.css file.

By: doctor_negative

doctor_negative — Wed, 13 Jun 2007 06:41:29 -0800

Take a screen shot of the page, cut out just the QTVR portion. Download the page source and reconstruct replacing the QTVR with the screen shot. Print.

By: maremare

maremare — Wed, 13 Jun 2007 06:58:30 -0800

Open the QTVR in Quicktime.

-Move around full panorama so all elements are loaded
-Right click on QTVR
-Select Save as source
-Open saved file in Quicktime

Alternatively: look in the source and grab the QTVR's URL and enter it in Quicktime's File -> Open URL menu item.

http://americanart.si.edu/collections/interact/gallery/images/cornell_wonderland_poster.mov

By: maremare

maremare — Wed, 13 Jun 2007 07:01:14 -0800

And from Quicktime you can print the view you want, of course.

By: Taken Outtacontext

Taken Outtacontext — Wed, 13 Jun 2007 07:46:54 -0800

Actually, since I just needed one copy, the cut and paste method worked fine (downloaded the page in a nice little Mac program called Paparazzi which creates a nice image file of an entire Web page).

However, my real question was: is there a way to use css or any other method to get this QT image to print without doing a screenshot?

By: smackfu

smackfu — Wed, 13 Jun 2007 07:58:11 -0800

If you're the author, I think you could put a static PNG or JPG version of the QT, overlaid in the same place as the QT, and then set it so it's only visible on the print css.

By: Taken Outtacontext

Taken Outtacontext — Wed, 13 Jun 2007 08:19:42 -0800

Yes, I am the author. How could I do that (the print.css handles all of our pages, not just one).

By: kirkaracha

kirkaracha — Wed, 13 Jun 2007 09:03:15 -0800

Make two DIVs, one that holds the QuickTime movie and is visible on the screen but hidden when you print, and the other DIV with the screenshot that is hidden on screen and visible when you print.

In the HTML (swap square brackets for angled ones):

[div id="movie"]
QuickTime movie goes here
[/div]

[div id="screenshot"]
Screenshot goes here
[/div]

In the CSS (regular stylesheet):

div#movie {
display: block;
}

div#screenshot {
display: none;
}

In the CSS (print stylesheet):

div#movie {
display: none;
}

div#screenshot {
display: block;
}

By: Taken Outtacontext

Taken Outtacontext — Wed, 13 Jun 2007 11:07:53 -0800

I will try that out. Thanks!!!

By: Taken Outtacontext

Taken Outtacontext — Wed, 13 Jun 2007 12:04:26 -0800

Brilliant, kirkaracha, it worked!! (And really, it's quite simple --I just needed a little prod -g). Thanks.