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

Сообщений: 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 со счетчиком

Новые темы	Объявления	Свободное общение
11:31 AI под надзором. Минцифры готовят клеймо для контента 09:51 Рост эффективности моего интернет‑магазина 21:08 Adsense личный опыт 18:19 Яндекс Нейро и выдача в 2026 - остались ли лазейки для маленьких сайтов? 18:16 С чего сейчас проще начать? 08:29 Бесплатное получение бэклинков 08:19 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг	11:46 BestChange – обменивать электронную валюту можно быстро и выгодно 09:31 Monitex: Мониторинг с кэшбэком 80% в USDT 08:45 Trustpilot Reviews \| Подниму рейтинг вашей компании 08:45 №1 Рассылка / Инвайтинг [TELEGRAM] \| Приватный метод 08:45 Продвижение YouTube видео в топ поиска \| Любой тип контента \| Гарантия результата 08:45 Установка\|Настройка\|Доработка\|Наполнение сайтов\|Дизайн\|3D\|Видеомонтаж 01:12 Продам обменник криптовалюты, а также новый обменник под ключ с обучением. Скидки на скрипты обменника	22:06 Точные прогнозы на футбол 18:15 молодильные яблоки и живая вода 07:17 Почему не обновляется счетчик ИКС (индекса качества сайта) 00:10 8 марта: желаю аптайма 99.9% и e-e-a-t без локов 19:38 Голландцы влепили Grok по яйцам - теперь нельзя раздевать реальных людей, штраф 100к евро в день 06:50 Ставки на супер тренды в спорте 13:04 Gartner обещал смерть SEO к 2026 году. Открываем метрику и проверяем