I'm preparing a layout which will be used for both offset printing and web display – which means I need 2 sets of images (one high-res in CMYK and another low-def in RGB), which I will use with two different style sheets (along with RGB and CMYK color values for text etc.) -- and applying the appropriate images as background images on divs.
So, I'm looking for a way to resize background images with width and height values – which is the most 'intuitive' way to deal with this, as the images will have a specific size.
(I'm also using and inner/outer wrapper construction to move/crop and scale images within a fixed frame)
There's a CSS3 property which is background-size, but Prince doesn't seem to recognize it.
Prince does recognize the background-position property, though, which is already useful, and solves half the problem.
The only way I can think of is to use the prince-background-image-resolution property, but this will be a bit of a pain since
1) I have to store and maintain two sets of resolutions for two sets of images to get the right size in the layout
2) I'll basically have to do the layout in InDesign to figure out the appropriate resolutions of the images when they're in the proper position, which, well, kind of defeats the purpose
Anyone have any 'thinking outside the box' ideas on how to approach this? Using a content: property rather than background-image, which would allow resizing? Using standard IMG tags and swapping out the SRC with some obscure CSS magic, or using javascript to dynamically load both the image src's and the appropriate print or screen css files?
So, I'm looking for a way to resize background images with width and height values – which is the most 'intuitive' way to deal with this, as the images will have a specific size.
(I'm also using and inner/outer wrapper construction to move/crop and scale images within a fixed frame)
There's a CSS3 property which is background-size, but Prince doesn't seem to recognize it.
Prince does recognize the background-position property, though, which is already useful, and solves half the problem.
The only way I can think of is to use the prince-background-image-resolution property, but this will be a bit of a pain since
1) I have to store and maintain two sets of resolutions for two sets of images to get the right size in the layout
2) I'll basically have to do the layout in InDesign to figure out the appropriate resolutions of the images when they're in the proper position, which, well, kind of defeats the purpose
![:D](/forum/static/smiley/bigsmileface.png)
Anyone have any 'thinking outside the box' ideas on how to approach this? Using a content: property rather than background-image, which would allow resizing? Using standard IMG tags and swapping out the SRC with some obscure CSS magic, or using javascript to dynamically load both the image src's and the appropriate print or screen css files?