К содержанию

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

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

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

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

      Kirill A. Rusanov
      Kirill A. Rusanov Старожил
      21 апреля 2016, 09:22
      Копайте в сторону javascript.
      Шарим иллюстрации в статье – честно украл у adme.ru.
      Шарим картинку из галереи – работает криво (сайт не поддерживается), но в гугл+ шарится корректно.
        Сергей Сергеевич
        23 апреля 2016, 16:10
        Спасибо за советы.
        У меня 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