Imprimir una imagen diferente a la que sale en pantalla

A ver si esto puede hacerse.... He intentado buscarlo en los tutos pero no he encontrado nada.

¿Se puede (por javascript, css o lo que sea) mostrar una imagen, que está insertada en una tabla, en pantalla pero que aparezca otra en el papel al imprimir la página web?

Muuuuchas gracias.

supongo que tu solucion es que al enviar a imprimir debieras cambiar la imagen por javascript ...no se me ocurre otra forma, eso si el usuario veria el cambio

Se me ha ocurrido poner la imagen a imprimir en una capa por detrás, por lo que no se ve, la tapa otra imagen, y decirle a las otras capas que no se impriman

uh.. pero eso es facilisimo. Haz esto, un div contiene a la imagen y tiene el tamaño exacto de la imagen. La imagen original (la cual ira a impresión) estará oculta via css, mientras que se muestra una imagen de fondo (en el div).

Luego en el print.css cambias los estilos para que no haya ningun tamaño fijo, ni imagen de fondo y listo.

PD: En formato de impresión, nunca se imprimen las imagenes, ni colores de fondo.

Lo que tambien puedes hacer es una hoja de estilos unicamente para la impresion... asi pondrias en el CSS principal la imagen de pantalla y en el de impresion la imagen alternativa...

Para llamar a este CSS has de hacerlo con este codigo:

Código :

 <link href="print.css" rel="stylesheet" media="print" type="text/css" />

los que saben ...saben

Animatek escribió:

Claro, pero recuerda que no se imprimen las imagenes de fondo, asi que "no se puede" alternar una imagen con css para impresión, pero si para screen, y quizás handheld (dependiendo del soporte).

Saludos

Anda, no habia caido en eso [bueno, ahora que lo pienso quizas ni lo supiese ]

Pero bueno, otra cosa mas que hay que tener en cuenta