Обучающие статьи

Создание недорогих сайтов,
продвижение белыми методами,
уроки и консультации

печать картинки, htmlНа днях нужно было вывести на печать купон со скидкой с сайта клиента. Не всю страницу целиком, а конкретную картинку. В итоге решил проблему посредством HTML + JavaScript.  Эта задача может быть решена множеством способов. 

Код решения, которое я выбрал представлен ниже.


<a href="javascript:print1('')"><img style="margin: 5px auto; display: block;" src="/images/slider/slider300.jpg" alt="slider300" /></a>

<script type="text/javascript">// <![CDATA[
function print1() {
var win = window.open();
win.document.write('<img src="/images/slider/slider300.jpg">');
win.print();
win.close()
}
// ]]></script>

 

Как использовать:

  1. Скопируйте данный код и поместите на свою страничку;
  2. Измените путь к картинке "images/slider/slider300.jpg" на свой (в теге img и  в  коде JavaScript).
  3. Пробуйте!

В ходе тестирования проблем не увидел, работает. Проверял в различных браузерах. Решил сохранить это решение, чтоб не потерялось. 

Если кто предложит более интересное решение - буду рад :)

Пример работы (для деста кликните по картинке ниже):

 

slider300

  Яндекс.Метрика