Как расшарить конкретное фото из галереи?

Здравствуйте.
Подскажите пожалуйста, как можно реализовать (или может уже есть готовые плагины) галерею работ на сайте со следующим функционалом: маленькие привьюшки, при клике отображается увеличенное фото в лайтбоксе и есть кнопка поделиться (вк, фб, твиттер). Если установлены кнопки поделиться на сайте, по умолчанию будет расшариваться страница, а не фото.
Может установить Collections и делать по принципу — 1 работа, отдельная страница?
Или может в ms2Gallery есть какой то функционал для этого? например к каждой фотке id добавлять? (хотя плохая идея, могут быть дубли).
Дайте совет как можно реализовать расшаривание конкретной фотки. Желательно без написания сниппетов, а стандартными выводами.
Сергей Сергеевич
20 апреля 2016, 14:19
modx.pro
1 564
0

Комментарии: 4

Юрий
20 апреля 2016, 18:41
+1
Можно использовать для этих целей PhotoSwipe
    Волков Николай
    21 апреля 2016, 00:58
    -1
    Через Collections такое однозначно делать не надо. Касательно msGallery, то она однозначно такое может. Но На мой взгляд лучшее решение это MIGX.

      Kirill A. Rusanov
      21 апреля 2016, 09:22
      +2
      Копайте в сторону javascript.
      Шарим иллюстрации в статье – честно украл у adme.ru.
      Шарим картинку из галереи – работает криво (сайт не поддерживается), но в гугл+ шарится корректно.
        Сергей Сергеевич
        23 апреля 2016, 16:10
        0
        Спасибо за советы.
        У меня Magnific Popup, как и у вас на сайте. Колдовал, колдовал, но плагины кнопок так и не подгружались. В итоге решил проблему просто кнопками без социальных плагинов.
        image: {
              verticalFit: true,
              titleSrc: function(item) {
                return '<a href="http://twitter.com/share?url=http://foto.ru/'+item.src +'" target="_blank">твит</a><a href="http://www.facebook.com/sharer.php?p[url]=http://foto.ru/'+item.src +'" target="_blank">fb</a><a href="http://vk.com/share.php?url=http://foto.ru/'+item.src +'" target="_blank">vk</a>';
              }
            }
        Еще раз спасибо за советы!
        Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
        4