Printing a QT Image

June 13, 2007 6:11 AM

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.
posted by Taken Outtacontext to computers & internet (9 comments total)

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.
posted by doctor_negative at 6:41 AM on June 13, 2007

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
posted by maremare at 6:58 AM on June 13, 2007

And from Quicktime you can print the view you want, of course.
posted by maremare at 7:01 AM on June 13, 2007

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?
posted by Taken Outtacontext at 7:46 AM on June 13, 2007

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.
posted by smackfu at 7:58 AM on June 13, 2007

Yes, I am the author. How could I do that (the print.css handles all of our pages, not just one).
posted by Taken Outtacontext at 8:19 AM on June 13, 2007

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;
}
posted by kirkaracha at 9:03 AM on June 13, 2007

I will try that out. Thanks!!!
posted by Taken Outtacontext at 11:07 AM on June 13, 2007

Brilliant, kirkaracha, it worked!! (And really, it's quite simple --I just needed a little prod -g). Thanks.
posted by Taken Outtacontext at 12:04 PM on June 13, 2007