Кнопка распечатки на картинке
Страницы: 1
Кнопка распечатки на картинке
День добрый. Может кто знает плагин или способ. Нужно сделать галерею с картинками, и при наведении на картинку или нажатию на картинку, была возможность распечатать ее(только картинку). Есть ли подобные плагины, ищу и все никак ни найду. Заранее спасибо))
Что-то вроде этого ? 

https://js.do/code/363422
Изменено: Mamiconnars - 22 Октября 2019 11:57
Цитата
Mamiconnars пишет:
Что-то вроде этого ?

https://js.do/code/363422
А плагин не знаете никакой, что бы в галереи листать фотки, и под каждой был значок распечатать?
Вот пример кода внутри цикла

Код
<div class="team-item">                 //блок с картинками или постом    
<?php echo get_the_post_thumbnail(get_the_ID(), 'full') ?> // функция вывода картинки     
 <button onclick="printImg('<?php echo get_the_post_thumbnail_url(get_the_ID()) ?>')">Print</button> //добавление кнопки с тем же линком   
</div>
 


И JS код к нему прикручиваете, который скинул. Если не получится кидайте пациента в ЛС, посмотрю.
Изменено: Mamiconnars - 22 Октября 2019 14:00
Плагин для печати jQuery, печатает  определенные элементы на странице  _https://tmp.coderhs.com/3/print

Demo: _https://tmp.coderhs.com/3/demo
Цитата
Особенности

     Распечатать конкретные & несколько элементов DOM
     Сохранить CSS страницы / стиль ** или добавить новый CSS
     Сохранить записи формы
     Поддержка canvas
Изменено: Coder - 22 Октября 2019 14:46
Цитата
Mamiconnars пишет:
Вот пример кода внутри цикла
Код
 <div class="team-item">                 //блок с картинками или постом    
<?php echo get_the_post_thumbnail(get_the_ID(), 'full') ?> // функция вывода картинки     
 <button onclick="printImg('<?php echo get_the_post_thumbnail_url(get_the_ID()) ?>')">Print</button> //добавление кнопки с тем же линком   
</div>
  


Все получается, спасибо. Только картинки получаются во весь размер, а не миниатюры. Ни как это в галерею внедрить не получится? что бы были красивые миниатюры, нажал на фото, оно увеличилось и в ней была кнопка печать?
Цитата
Enema пишет:
Цитата
 во весь размер, а не миниатюры


<?php echo get_the_post_thumbnail(get_the_ID(), 'full') ?>

попробуйте поменять на эту строку 


<?php echo get_the_post_thumbnail(get_the_ID(), 'thumbnail') ?>
Цитата
Mamiconnars пишет:
Цитата
Enema пишет:
Цитата
во весь размер, а не миниатюры


<?php echo get_the_post_thumbnail(get_the_ID(), 'full') ?>

попробуйте поменять на эту строку


<?php echo get_the_post_thumbnail(get_the_ID(), 'thumbnail') ?>
Нет изменений
get_the_post_thumbnail в качестве второго параметра получает размер.
Варианты:
thumbnail - маленькая миниатюра;
medium - средняя;
large - большая;
full - оригинал, картинка которую загружали.


Пробуйте разные варианты. Если не получается, то возможно отключена функция, которая при загрузке картинок генерирует эти размеры..
Изменено: Mamiconnars - 24 Октября 2019 11:52
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
14:50 Индексация страниц 
12:36 У кого новостник, дайте пару советов плиз 
13:53 AviTool - мощный инструмент для автоматизации работы с Avito 
17:01 Absence в Армении 
23:19 Ребята подскажите какими сервисами и прогами вы пользуетесь для SEO продвижения? 
20:28 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 
14:50 Какую выбрать тему/нишу для сайта? 
08:08 SOCKS5 приватные прокси на 30 дней для PayPal 
08:07 Google Voice аккаунты для бесплатных SMS и звонков 
08:06 PayPal аккаунты для любых целей 
04:09 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 
16:01 Whatsapp рассылки и реселлерская программа 
15:21 PAY2DAY.TOP - Покупка и продажа криптовалюты за рубли. 
15:03 BestChange – обменивать электронную валюту можно быстро и выгодно 
10:59 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 
20:17 Точные прогнозы на футбол 
12:23 150+ хакерских поисковых систем и инструментов 
08:38 Накрутка поисковых подсказок 
17:41 Стряхнуть обыденность - об Агасфере 
10:54 Добро пожаловать в цифровой мир... 
22:39 Топ-5 способов использовать мобильные прокси для бизнеса: подробный обзор