Лайтбокс, который может открываться автоматически в зависимости от пути URL

Question

Существует миллион сценариев наложения модального лайтбокса ... но я ищу тот, который может автоматически запускаться в зависимости от пути, который ведет туда. Таким образом, свойство должно жить в строке URL, которая его сработала. Кто-нибудь видел или реализовывал такую ​​вещь? Я знаю, что colorbox может автоматически открывать модальное окно, когда вы попадаете на страницу, но я не знаю, как сделать эту функцию зависимой от пути, по которому вы туда попали. Есть идеи?

Answer 1

Вы могли бы реализовать некоторый JavaScript, который просматривает ссылающуюся страницу и соответственно открывает световое окно, поэтому вы не должны ограничиваться конкретной реализацией.Вы можете присоединиться к событию готовности документа, чтобы открыть его.

Ниже приведен пример доступа к рефералу на веб-сайте W3Schools, который приведен ниже.

http://www.w3schools.com/jsref/prop_doc_referrer.asp

Answer 2

Я полагаю, что нет необходимости автоматического запуска. Вы можете сделать это так -

Сначала проверьте, состоит ли URL из соответствующего значения, которое вы хотите.

Это может быть сделано на языке сервера (например, PHP) или через javascript.

Если все сделано на стороне сервера, скажите скрытое поле, как показано ниже -

<input type="hidden" name="exists" value="true" />

Если все сделано, используя jquery save value как -

var value = "value from javascript if proper url exists";

Если это сделано на стороне сервера, то -

var value = $ ('вход [имя = "существует"]'). Val ();

Затем вы можете активировать cilck вручную (если значение URL соответствует вашим ожиданиям) для привязки, которая состоит из оверлейной ссылки -

$('#id of anchor').trigger('click');

Если вы хотите автоматически запустить оверлей, вы можете попробовать это -

http://flowplayer.org/tools/demos/overlay/trigger.html

Answer 3

Вы можете сделать это с Colorbox, изменив настройки в вашей инициализации.

Предполагается, что вы делаете это для запуска Colorbox:

$('div.gallery a').colorbox({
    onClosed: function() { alert('Colorbox closed');},
    current: 'Image {current} of {total}'
});

Вы можете сделать что-то вроде этого:

var colorBoxSettings = {
    onClosed: function() { alert('Colorbox closed');},
    current: 'Image {current} of {total}',
    open: false
};

if (your_logic) {
    colorBoxSettings.open = true;
}

$('div.gallery a').colorbox(colorBoxSettings);