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

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

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

Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)

Новые темы	Объявления	Свободное общение
16:39 Трафик пробил дно? Худший январь за 10 лет и внезапный рост продаж с Bing 16:35 [AI] 90% против нейросетей? Красивые цифры от DuckDuckGo (с подвохом) 16:35 SEO под нейро 16:28 01.02. Апдейт 31.01 // Chrome готовит "чёрную метку" для ИИ? 13:51 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 12:55 Дзен окончательно всё? Или у кого-то еще «стреляет» белый контент? 12:51 Гугл официально убивает клики: кнопка "Show more" теперь открывает чат на весь экран вместо сайтов	16:49 Nexulume.com Обменник без AML и KYC 15:35 Продам базу данных предприятий Украины, России, Великобритании, Германии, Испании, Италии, Нидерландов, Польши, Франции, Швейцарии и др. 11:12 AllCharge.online. Современный, быстрый и надёжный обменник 04:08 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 20:58 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 20:41 Bankomat001 - Сервис обмена электронных валют 18:48 Продажа аккаунтов HH.RU	16:38 Отвратительное поведение 15:56 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 13:51 Gartner обещал смерть SEO к 2026 году. Открываем метрику и проверяем 12:48 [AI] Бот за $600к советовал есть сыр с крысами. Нью-Йорк его (наконец-то) снес 11:00 Кто может дать инвайт на WebMasters? 05:11 Точные прогнозы на футбол 17:58 Список обновленных тем пуст...