Как сделать ссылки на изображения как вконтакте?

Question

[Алексей]

Всем привет!
Есть модальное окно, в котором открываются практически все изображения на сайте по клику на них.
Вконтакте работают вот такие URL при открытии изображения к любой ссылке добавляются такие параметры:


С подменой ссылки я разобрался, но как реализовать открытие изображения если перейти по этой ссылке?
У меня вариант есть такой. В главном файле скрипта, к которому подключаются все остальные, сделать проверку на существование этого GET параметра и если он существует давать создавать глобальную переменную javascript с полученным значением и после загрузки всей страницы сделать проверку уже на стороне javascript на существование этой глобальной переменной. Если есть - вызвать модальное окно, будто это клик по изображению.

Может есть у кого-то другие мысли, более правильные?

Answer 1

[Stalker_RED]

Да, примерно так оно и работает, только эти переменные не обязаны быть глобальными.

;(function(){
  var photoId = <?=$photoId?>; // это не глобальная переменная
  if (photoId) showPopup(photoId)
})()

На сервере тоже переменная может передаваться в соответствующий action и не быть глобальной.

Comments

[Алексей]

Спасибо! А не подскажете, зачем нужна точка с запятой вначале кода и две пустые скобки вконце?
Часто встречается...

[Stalker_RED]

В начале - для подстраховки. В js точка с запятой не обязательна, и иногда ее не ставят. Даже в этом моем примере после showPopup нет точки с запятой, но все будет работать. Но в некоторых случаях это может вызвать проблемы. Напрмер

console.log(1)
[].slice.call(myVar)

Вызовет ошибкуUncaught SyntaxError: Unexpected token ]
потому что эта запись равноценна console.log(1)[].slice.call(myVar).

А скобки в конце - самовызывающаяся функция. (self invoked)