Hanni,
I think you could accomplish what you are trying to do by implementing a print.css to define sizes for image sizes when a end user prints the page. It does require a small bit of work depending on if you want different size images, but once it’s setup things should work smoothly. You could do something like :
img {
height: xxxpx;
width: xxxpx;
}
you will need to insert :
<link rel="stylesheet"
type="text/css"
media="print" href="CSS Location" />
into your header.php so it knows where to get the settings for the print version.
See ( http://www.alistapart.com/stories/goingtoprint/ )
for more information.
I hope this helps !
-Ryan
Unfortunately, not. Where is the problem?
The problem is not in print styles, but in image sizes. When Your images are small, large, etc. in original size, then in screen styles they are as thumbnails. Now. When we set only one size x,y for img then all images will be zoomed or stretched. It’s not good solution.
I thought about server-side solution, that all images will be in original size, not thumbnails.
Yes when you take a 350px X 350px image and force it to be 510px x 510px it’s going to get pixelated and distorted. I wasn’t thinking you would assign all images the same image size. If you’re coming up with a solution that just randomly changes image size upon print, what is the rest of the content going to look like if you don’t set everything in a print.css file? It will probably move all of your text positioning and other elements all over.
You right, but in details I thought about images only in post/page content. So, on screen I want to see thumbnails, on printer in their original sizes. This is not so simple just set one size in print stylesheets, because there is random sizes, like You wrote.
I still thinking how can I do that. How to prepare web page for printer with images in their original sizes?
Again, if this were my personal problem I would utilize a print CSS. You can assign your images different classes so they each image has it’s own specified print size (to match it’s actual size) upon print. If I had multiple images I would resize them all to an equal value so I didn’t have as much work to do in the print CSS (make them all 500×500).
You can see an example of what I’m saying here :
http://www.aeonex.net/tuts/printimage/example.html
it’s very basic, but you can at least get the concept. The image shown on screen is 250x250px, but when you print the page the image comes out 500x500px. You can assign multiple classes to different images to match up with original image size.
Well, Thanks for some advices. It was help me. I’ve done and working good, but not very well 😉
