Как вывести на печать одну картинку из текста?

plovets · 28.05.2010

Пробовал с media pirint:

Код:

@media print { /* Стиль для печати */
 *{display:none;}
#toprint{  display: block;
}}
А в тексте
<img  id="toprint"  src="images/32.jpg" />
form onsubmit="self.print(); return false;"> <input type="submit" value="Распечатать фото">

Печатает пустую страницу. Наверное из-за {display:none;}

Помогите пожалуйста , уже столько времени на это потратил...

tigra60 · 28.05.2010

Попробуйте так:

Код:

@media print {
* { 
    visibility:hidden
}
#toprint { 
    visibility:visible; 
    display:block; 
    position:absolute; 
    left:0; top:0}
}

Удачи!

plovets · 29.05.2010

Спасибо за ответ!

Так я уже тоже пробовал. Да!! Печатает картинку, но на печать выводятся все листы со страницы, т.е. если на стр. 3 листа , то он и печатает 3 пустых листа с 1 картинкой(на одном из них)

{visibility: hidden} делает контент невидимым, но не убирает его..

Может есть еще варианты?
Заранее спасибо..

tigra60 · 29.05.2010

Попробуйте обернуть всю страницу блоком, например, id="all", а после пропишите картинку, которая должна печататься с id="toprint", причем в тексте id этой картинки уберите (или назначьте другой). В @media screen делаете эту картинку невидимой, а в @media print - видимой, зато невидимым - все остальное:

Код:

...
<style type="text/css">
#toprint {display:none}
...
@media print {
#all {display:none}
#toprint {display:block}
</style>
...
<body>
<div id="all">
...
...
</div>
<img id="toprint" ... />
</body>

Удачи!

plovets · 31.05.2010

Спасибо!! все получается , но это не вариант.

Допустим на сайте много картинок -- на каждой странице(даже иногда несколько)

1. Если на странице несколько картинок, а каждую надо вывести на отдельный лист
2. Если пользоваться CMS (например Joomla), то все картинки надо запихнуть в один index.php

Мне кажется @media print не подходит , и надо решать эту проблему с помощью к-л скриптов?

Или как вариант:
При нажатии на картинку или кнопку "печать"(не важно) открывалось новое html окно с картинкой, и кнопкой печать <input type="submit" onclick="javascript:window.print(); return false" value="Распечатать!" class="print" />.

Тогда в CSS
@media print
input {
display: none;
}

Вопрос - Как мне в окне сделать кнопку "печать"??? (я в скриптах не силен)

Заранее спасибо..

tigra60 · 31.05.2010

Посмотрите здесь.
Удачи!

Как вывести на печать одну картинку из текста?

plovets

Новичок

tigra60

Спасатель

plovets

Новичок

tigra60

Спасатель

plovets

Новичок

tigra60

Спасатель

Онлайн статистика

Статистика форума

Новые пользователи

Поделиться этой страницей