[PHP][HTML] Ukrywanie zdjęcia przed drukowaniem Opcje

[patryk9200]

Cześć,
W jaki sposób ukryć zdjęcie na stronie żeby się nie drukowało??

[HTML] pobierz, plaintext 
<img src="ikony/print.gif" border=0></a>
[HTML] pobierz, plaintext 

Ten post edytował patryk9200 27.04.2009, 17:33:55

[Fifi209]

Przygotuj stronę bez zdjęcia albo ukryj wszystkie img ;P

Kod

display: none;

dałoby się coś takiego zrobić z pomocą jQuery jeżeli się nie mylę.

[patryk9200]

słyszałem kiedyś coś że za pomoca styli można takie coś zrobić, ale jak dokładnie nie wiem..;/

[Fifi209]

Dołącz sobie jQuery i zrób coś na wzór:

Kod

<script type="text/javascript">
$(document).ready(
                function() {
                    $('#link').click(
                        function() {
                            $('img').toggle('fast');
                        }
                    ).toggle(
                        function() {
                            $(this).text('Pokaż obrazki');
                        },
                        function() {
                            $(this).text('Ukryj obrazki');
                        }
                    );
                }
            );
</script>

I zrób sobie do tego link'a:

Kod

<a href="#" id="link">Ukryj obrazki</a>

[vokiel]

słyszałem kiedyś coś że za pomoca styli można takie coś zrobić, ale jak dokładnie nie wiem..;/

Da się jak najbardziej. Można ustawić styl dla danego medium, czyli: all, aural, braille, embossed, handheld, print, projection, screen, tty, tv
Możesz to zrobić za pomocą oddzielnego stylu:

[HTML] pobierz, plaintext 
<link rel="stylesheet" href="default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="print.css" type="text/css" media="print" />
[HTML] pobierz, plaintext 

Albo wewnątrz jednego:

[HTML] pobierz, plaintext 
<style type="text/css">
/* normalnie na ekranie */
img {display:block; border:0;}
 
/* w przypadku wydruku */
@media print {
	img {display: none;}
}
</style>
[HTML] pobierz, plaintext 

Zrób sobie test oglądając podgląd wydruku.