Lightbox с конкретным url?

Question

[Сергей Дефактов]

Как можно реализовать добавление url при открытии лайтбокса ? необходимо это для возможности обновлять страницу и оставаться в лайтбоксе а также делиться ссылкой в соц сетях , чтобы при переходе по ней открывался лайтбокс , также показывать свой title и description
допустим мой сайт site.com открыл лайтбокс с содержимым - стало site.com@titlepost или #titlepost
Пример - https://theme-one.com/modulobox/demos/ или Статьи в вк

Answer 1

[Mysterion]

В data-id у картинки храните ее ID, например. Когда открываете картинку, в URL с помощью JS добавляйте img_id=$ID. В методе ready при загрузке страницы проверяйте наличие img_id в URL и если есть, то на странице ищите картинку с этим data-id и открывайте ее.

Comments

[Сергей Дефактов]

есть ли какой то пример ? у меня открывается через событие onclick и потом подгружается через ajax
пример
onclick="OpenLightbox(<?php echo $wo['story']['id'])");
и ajax

if ($f == 'open_lightbox') {
    $html = '';
    if (!empty($_GET['post_id'])) {
        $wo['story'] = Wo_PostData($_GET['post_id']);
        if (!empty($wo['story'])) {
            $html = Wo_LoadPage('lightbox/content');
        }
    }
    $data = array(
        'status' => 200,
        'html' => $html
    );
    header("Content-type: application/json");
    echo json_encode($data);
    exit();
}