У меня быстрый вопрос. Можно ли использовать fancybox для отображения изображения, и при нажатии отображается значок интереса?
Я использую fancybox для отображения изображения, а при нажатии отображается увеличенное изображение.
<a class="fancybox" rel="gallery1" href="https://i.pinimg.com/564x/31/0d/dd/310ddd887a807bd44dd5dffcbf41d7b5.jpg" data-caption="Batman Cacophony" name="Image73" />
Размер CSS изображения
a.fancybox {display:block;width:120px;height:186px;background-size:cover;}
Каждое изображение содержится в ячейке таблицы. Взгляните на Comics Wall
Pinterest позволяет встроенные контакты с кодом, подобным
<a data-pin-do="embedPin" href="https://www.pinterest.com/pin/284571270193462229/" title="Batman Cacophony">
Чтобы этот встроенный значок работал, вы добавляете немного javascript от вызов
<script async defer src="//assets.pinterest.com/js/pinit.js"></script>
Итак, я хотел бы отобразить уменьшенное «миниатюрное» изображение, а при щелчке по нему откройте iframe со встроенным пин-кодом интереса.