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

Сообщений: 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

Сообщений: 10708 Регистрация: Мар 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 со счетчиком

Новые темы	Объявления	Свободное общение
13:26 Как безопасно купить Гугл почту? 11:17 ЕС душит ТикТок: прощай бесконечная лента и RPM? Что с монетизацией? 11:12 Гугл пухнет от кеша, а нам - крошки. Разбор $114 млрд: Адсенс в минусе, Ютуб на подписках 11:05 01.02. Апдейт 31.01 // Chrome готовит "чёрную метку" для ИИ? 10:59 WB и Ozon - новые "русские поисковики"? Яндекс теряет коммерческую выдачу 09:46 OpenAI и шейхи: Цензура на продажу и "гибкие" идеалы амеров 01:09 Yahoo Scout: Нейро-привет из склепа. Реальный шанс на траф или мимо?	08:58 Мониторинг обменников Сrypto-scout.io 04:09 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 02:31 Профессиональный и грамотный дизайн от DesignCash 18:27 Nexulume.com Обменник без AML и KYC 15:45 Mixmasters - Exchange without AML and KYC 10:22 Swapwatch.org — Мониторинг криптовалютных обменников 10:19 SwapPix.io - быстрый и безопасный обменник криптовалют.	14:26 Туалетные секреты: Замурчательная тема 13:31 FIFA и Assassin’s Creed воруют пароли: В репаки зашили лютый стиллер. Чекаем логи 10:52 Кулеры и БП станут золотыми? Медь по 13 штук, олово в космосе 08:50 Гильотина для классиков: Клод доедает физические книги 05:10 Точные прогнозы на футбол 18:34 Ставки на супер тренды в спорте 11:10 Moltbook: Соцсеть для ботов, где людям закрыли рот. Началось?