Кнопка распечатки на картинке

Сообщений: 28 Регистрация: Сен 2017

21 Октября 2019 19:07

День добрый. Может кто знает плагин или способ. Нужно сделать галерею с картинками, и при наведении на картинку или нажатию на картинку, была возможность распечатать ее(только картинку). Есть ли подобные плагины, ищу и все никак ни найду. Заранее спасибо))

Mamiconnars

Сообщений: 512 Регистрация: Окт 2012

22 Октября 2019 11:45

Что-то вроде этого ?

https://js.do/code/363422

Изменено: Mamiconnars - 22 Октября 2019 11:57

Надежный хостинг

Игровая партнерка

Enema

Сообщений: 28 Регистрация: Сен 2017

22 Октября 2019 12:50

Цитата
Mamiconnars пишет: Что-то вроде этого ? https://js.do/code/363422

А плагин не знаете никакой, что бы в галереи листать фотки, и под каждой был значок распечатать?

Mamiconnars

Сообщений: 512 Регистрация: Окт 2012

22 Октября 2019 14:00

Вот пример кода внутри цикла

Код

<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

Coder

Сообщений: 10780 Регистрация: Мар 2013

22 Октября 2019 14:40

Плагин для печати jQuery, печатает определенные элементы на странице _https://tmp.coderhs.com/3/print

Demo: _https://tmp.coderhs.com/3/demo

Цитата
Особенности Распечатать конкретные & несколько элементов DOM Сохранить CSS страницы / стиль ** или добавить новый CSS Сохранить записи формы Поддержка canvas

Изменено: Coder - 22 Октября 2019 14:46

✓ Проверенные скрипты и полезности для сайта

✓ Курсы

✓ Сервис временных ссылок

Enema

Сообщений: 28 Регистрация: Сен 2017

22 Октября 2019 17:56

Цитата

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>

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

Mamiconnars

Сообщений: 512 Регистрация: Окт 2012

23 Октября 2019 09:53

Цитата

Enema пишет:

Цитата
во весь размер, а не миниатюры

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

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

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

Enema

Сообщений: 28 Регистрация: Сен 2017

24 Октября 2019 08:51

Цитата

Mamiconnars пишет:

Цитата

Enema пишет:

Цитата
во весь размер, а не миниатюры

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

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

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

Нет изменений

Mamiconnars Сообщений: 512 Регистрация: Окт 2012	#9 24 Октября 2019 11:49 get_the_post_thumbnail в качестве второго параметра получает размер. Варианты: thumbnail - маленькая миниатюра; medium - средняя; large - большая; full - оригинал, картинка которую загружали. Пробуйте разные варианты. Если не получается, то возможно отключена функция, которая при загрузке картинок генерирует эти размеры.. Изменено: Mamiconnars - 24 Октября 2019 11:52

03.11.2015 16:40	Кнопка "оформить заявку"
02.05.2015 22:04	Кнопка вконтакте в анонсах статей
07.12.2012 19:34	Кнопка отправки
05.10.2011 20:48	Кнопка социальных сетей 3 в 1 со счетчиком

Новые темы	Объявления	Свободное общение
10:59 С чего сейчас проще начать? 08:21 Продвижение-2022: Гугл все? Нет – Гугл не все! 08:05 Гугл запустил Первый АПдейт года и серп уже трясёт - Google March 2026 Core Update 18:58 Яндекс Нейро и выдача в 2026 - остались ли лазейки для маленьких сайтов? 18:49 Биржи ссылок в 2026 - реально ли новичку с одним сайтом поднять копейку? 13:09 Выбор CMS для первого блога в 2026 - реально ли новичку войти без кода? 12:47 MAX попер в бурж: 40 стран, ведение каналов и горы дешевого трафика	12:54 От $0.015 за IP \| $0.68 за ГБ \| 9PROXY.COM \| 20+ млн резидентных прокси \| 99,95% аптайм \| Без чёрных списков 11:13 Услуги постинга в социальные сети для продвижения, индексации и увеличения социальной активности 09:40 Swapwatch.org — Мониторинг криптовалютных обменников 08:45 swapsfera.com 20:37 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 19:58 SpeedyIndex - ускорение индексирования ссылок в Google. 100 ссылок в подарок. 14:11 Продам аккаунты Gmail USA IP \| Gmail MIX IP \| Outlook Old	09:46 молодильные яблоки и живая вода 08:12 Голландцы влепили Grok по яйцам - теперь нельзя раздевать реальных людей, штраф 100к евро в день 06:50 Ставки на супер тренды в спорте 18:19 8 марта: желаю аптайма 99.9% и e-e-a-t без локов 13:04 Gartner обещал смерть SEO к 2026 году. Открываем метрику и проверяем 18:49 Чак Норрис ушел - 19 марта 2026, 86 лет, семья подтвердила 17:05 Огородники