Отображение кнопок соцсетей и комментариев Facebook в модальном окне Lightbox (наложение изображения)

Question

Отображение кнопок соцсетей и комментариев Facebook в модальном окне Lightbox (наложение изображения)

8 мая 2012 г., 02:58:40

Просмотры: 14.2K

Голосов: 0

Я хочу отображать комментарии Facebook и кнопки "Поделиться" в модальном окне Lightbox (наложение изображения), которое появляется при клике на изображение в галерее.

Очень похоже на реализацию на этом сайте (если кликнуть на одно из миниатюрных изображений, вы поймете, что я имею в виду).

Как это сделать?

Lucas

1

комментарии галерея facebook

Комментарии

Картинки, на которые они оставляют комментарии, это забавные изображения, которые я нашел и которые люди загрузили, например, на FunnyJunk, где пользователи оставляют комментарии и лайкают изображение. Это работает очень хорошо, и у меня есть похожая система на другом моем сайте, которая показала удивительные результаты в продвижении сайта. Я получил огромное количество посетителей, потому что люди делились и лайкали контент на моем другом сайте.

Lucas

8 мая 2012 г. 14:00:36

Кто-нибудь может помочь?

Lucas

9 мая 2012 г. 01:40:51

Все ответы на вопрос

Комментарии

Пожалуйста, отредактируйте этот ответ, убрав НЕОБХОДИМЫЕ ЗАГЛАВНЫЕ БУКВЫ (используйте инструменты редактора для обозначения выделения, жирного шрифта, и т.д.). Также, пожалуйста, удалите ненужную информацию, такую как то, насколько вам нравится сайт, вашу жизненную историю и т.д. Эти дополнительные сведения не помогают пользователям найти информацию. Спасибо.

GhostToast

27 авг. 2013 г. 19:04:58

Я потратил слишком много времени на написание этого кода. Я просто делюсь своим мнением. Я просто делюсь этим плагином со всеми, чтобы каждый мог использовать его бесплатно.

Rocker Maruf

28 авг. 2013 г. 09:27:34

Я потратил слишком много времени на чтение этого ответа :/

Michal Mau

29 авг. 2013 г. 12:46:41

@michal-mau, Можете ли вы сказать, удовлетворяет ли этот плагин ваши потребности? Если нет, дайте мне знать. Я буду рад ответить вам. Я новичок здесь, на stackexchange

Rocker Maruf

30 авг. 2013 г. 17:31:46

Мой комментарий не был направлен на качество вашего плагина! Я больше беспокоился об общем качестве вашего ответа, как упомянул @GhostToast, и о вашем ответе ему. Пожалуйста, следуйте его советам о том, как сделать ваш ответ более читаемым, релевантным и полезным.

Michal Mau

30 авг. 2013 г. 18:05:38

Показать остальные 4 комментариев

Комментарии

Вы должны раскрыть свою принадлежность.

fuxia

22 сент. 2012 г. 01:21:21

Извините... Создатель..

Woody Hayday

22 сент. 2012 г. 15:09:12

Joanne M. 21 · Answer 1 · 2012-08-06T16:32:33Z

Вы можете отображать инструменты для публикации в Facebook и Pinterest в лайтбоксе Nextgen с помощью этого инструмента:

http://sharemygallery.com

Вам нужен блок комментариев Facebook. К сожалению, этот инструмент не предоставляет такой функционал. Этот плагин добавляет кнопки для публикации в Facebook и Pinterest в нижней части просмотрщика изображений.

Он может быть полезен, если вы просто хотите, чтобы люди начали делиться изображениями из вашей галереи NextGen...

Откровение: Это мой собственный плагин, мой первый, и я буду очень признателен за любые отзывы.

Rocker Maruf 219 · Answer 2 · 2013-08-27T18:21:45Z

ЭТО МОДИФИКАЦИЯ ПЛАГИНА COLORBOX/LIGHTBOX. Colorbox/LIGHTBOX с интеграцией кнопок "Поделиться" в Facebook, Twitter, Google Plus и комментариями Facebook.

Также работает с Nextgen или другими галереями.
Я искал в интернете что-то подобное, но, к сожалению, ничего не нашел.

Вот мое решение для сайта на WordPress

Вот демо http://maruf.sahajjo.com/wp_mr_workshop/photo-gallery/

Если вам подходит, скачайте код. https://www.dropbox.com/s/fietxxohy4lxgh4/lightboxsocialshare.zip

Обратите внимание на строку 233 в файле shutterreloade.js. Эта строка указывает загрузить socialsharingzone.php в iframe после изображения. Там я передаю URL изображения для публикации через API Facebook, Twitter и Google Plus.

var v = $("#lightbox-image")[0].src;
$('#shComments').attr('src', 'socialsharingzone.php?w='+(intWidth)+ "&url="+ v);

Также посмотрите строки 30-34 в файле shuterreload.js

imageLoading:'colorboxpluginimage/lightbox-ico-loading.gif',
imageBtnPrev:'colorboxpluginimage/lightbox-btn-prev.gif',
imageBtnNext:'colorboxpluginimage/lightbox-btn-next.gif'
imageBtnClose:'colorboxpluginimage/lightbox-btn-close.gif'
imageBlank:'colorboxpluginimage/lightbox-blank.gif',

Думаю, остальное довольно просто.

Попробуйте использовать реальный URL изображения на {СЕРВЕРЕ}, иначе лайки и комментарии Facebook не будут работать (см. ПРАВИЛА FACEBOOK). Если возникнут сложности, дайте знать. Буду рад помочь.

Andrei Andreescu 1 · Answer 3 · 2012-05-28T00:37:55Z

Это то, что вы ищете?

http://www.flexostudio.com/flexo-social-gallery.html

Flexo — это дополнение к плагину Nextgen Gallery, добавляющее комментарии Facebook и лайки к каждой фотографии.

Andrei Andreescu

1

28 мая 2012 г. 00:37:55

Woody Hayday 11 · Answer 4 · 2012-09-08T09:50:13Z

Вы также можете использовать http://www.socialgalleryplugin.com - этот плагин добавляет социальные комментарии (facebook и disqus) и возможность делиться (twitter, лайки facebook и pinterest)

...он также работает с NextGen

Woody Hayday

11

8 сент. 2012 г. 09:50:13