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

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

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

Новые темы	Объявления	Свободное общение
22:20 Яндекс туда же: "Нейро" отжал 50% первого экрана. Органический трафик падает 18:48 Кнопки "скрыть" и "пожаловаться" в рекламе яндекса 18:27 Карпати реально заставил GPT, Кло, Gemini и Grok спорить между собой перед ответом 15:30 Indus AI: индийский "грааль" или мусор для дорвеев? 12:44 Телега на ручнике: РКН включил замедление и логи админок покраснели 12:55 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 23:54 MAX выкатил приватные каналы - закрытые тусы теперь лепишь за минуту	16:43 Рассылки СМС/SMS, Вайбер/Viber, Ватсап/Whatsapp, Телеграм/Telegram любой тематики по всему миру 14:57 CryptoGraph — Анонимный обмен криптовалют без KYC и AML 13:47 MIG-OBMEN.net — Быстрый и надежный обмен цифровых активов 13:13 JustProxy.Biz - Резидентные прокси без ограничения по трафику 11:57 Мониторинг обменников Сrypto-scout.io 11:39 BestChange – обменивать электронную валюту можно быстро и выгодно 09:26 Monitex: Мониторинг с кэшбэком 80% в USDT	00:17 Точные прогнозы на футбол 22:24 Тройной агент Паша Дуров 22:13 Смотри, птичка! Трамп вскрывает папки про НЛО 21:59 Вместо золота - RTX 5090: почему кремний стал валютой на свадьбах 08:25 Список обновленных тем пуст... 13:53 Добро пожаловать в цифровой мир... 02:18 Стряхнуть обыденность - об Агасфере