Colorbox или подобные - нужен совет

Главные вкладки

Аватар пользователя Nikolas Nikolas 12 октября 2011 в 15:51

Есть контент, в нем одна картинка главная, и информация разная текстовая и графическая...
Вьюсом выводится таблица этих главных картинок (только картинок), по клику они увеличиваются посредством Colorbox, но не хватает в рядом с увеличенным изображением ссылочки типа "Просмотреть информацию", которая бы вела на страницу самого контента с этой картинкой.
Возможно ли это реализовать с Colorbox, либо если не с ним, то с какой другой подробной системой?

Комментарии

Аватар пользователя Nikolas Nikolas 16 октября 2011 в 17:46

Trigger помог Smile
Вот только еще возник вопрос
Можно ли сделать чтобы пользователь без явы мог перейти по клику не на главную страницу (в случае триггера) или не на картинку (при увеличении простой картинки), а на страницу контента?

Аватар пользователя ingumsky@drupal.org ingumsky@drupal.org 19 октября 2011 в 2:53

"Nikolas" wrote:
Можно ли сделать чтобы пользователь без явы мог перейти по клику не на главную страницу (в случае триггера) или не на картинку (при увеличении простой картинки), а на страницу контента?

Не знаю, как это сделать с помощью триггера, я в конечном итоге формировал ссылки «руками», поэтому у меня переход при отключенном JS осуществляется туда, куда нужно мне.

Аватар пользователя ingumsky@drupal.org ingumsky@drupal.org 20 октября 2011 в 20:18

1. Добавляете в свой js функцию, чтобы при клике на ссылке с классом my-colorbox в окне колорбокса открывался div с id, соответствующим значению атрибута data-div вашей ссылки.
2. В коде страницы пишете:

<a class="my-colorbox" data-div="my-div" href="http://www.whereveryouwant.to/link">Кликните, чтобы посмотреть скрытый</a>
<div style="display: none;">
    <div id="my-div">Содержимое, которое будет видно во всплывающем окне.
    </div>
</div>

3. При клике пользователь с JS увидит в окне колорбокса содержимое дива my-div, а пользователь без JS переместится на страницу внешнего сайта.

Аватар пользователя Nikolas Nikolas 21 октября 2011 в 13:02

"<a href="mailto:ingumsky@drupal.org">ingumsky@drupal.org</a>" wrote:
1. Добавляете в свой js функцию, чтобы при клике на ссылке с классом my-colorbox в окне колорбокса открывался div с id, соответствующим значению атрибута data-div вашей ссылки.

А как она должна выглядеть? можете также скинуть вашу запись?

Аватар пользователя ingumsky@drupal.org ingumsky@drupal.org 21 октября 2011 в 23:40

В принципе, гуглится за пару минут на stack overflow и иже с ним Smile Навскидку

$(".my-colorbox").click(function(){
    var myDiv = this.attr("data-div");
    $("#".myDiv).colorbox();
});

Возможно, что ошибся, так что не обессудьте, если не работает. Повторюсь, правильное решение гуглится за пару минут.

Аватар пользователя aleksandrbol aleksandrbol 1 августа 2015 в 18:42

Коллеги, кто нибудь разобрался как можно в colorbox trigger настроить автоматическое определение размеров окна?

И есть ли возможность настроить перелистывания фото по клику (как это реализовано в colorbox)?

Спасибо.