Printing a QT Image
June 13, 2007 6:11 AM Subscribe
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.
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
-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
posted by maremare at 7:01 AM on June 13, 2007
Response by poster: 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
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
posted by smackfu at 7:58 AM on June 13, 2007
Response by poster: 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
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
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
Response by poster: I will try that out. Thanks!!!
posted by Taken Outtacontext at 11:07 AM on June 13, 2007
posted by Taken Outtacontext at 11:07 AM on June 13, 2007
Response by poster: 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
posted by Taken Outtacontext at 12:04 PM on June 13, 2007
This thread is closed to new comments.
posted by doctor_negative at 6:41 AM on June 13, 2007