Как создать прямую ссылку на любую коробку fancybox

Мне нужно, когда я нажимаю на все, что использует fancybox, он генерирует для него определенный URL, поэтому, когда я отправляю эту ссылку кому-то, он открывает конкретное поле, которое я хочу.

Например: fancybox.net/home, когда я нажимаю на первом изображении, ссылка по-прежнему fancybox.net/home Я хочу, чтобы при щелчке по изображению URL-адрес был создан и отображается в адресной строке, например: fancybox.net/home / imageid = 1, поэтому, когда я отправляю fancybox.net/home/imageid=1 кому-то, он уже открывает изображение в поле

Благодаря!

(Это похоже на фото в facebook, когда вы нажимаете любую фотографию, фото открывается в поле, но адресная строка меняет ссылку на изображение)

////// UPDATE # 1 //////

Я сделал то, что предложил JFK, но после одного часа попытки я все еще не знаю, почему ящики не совпадают.

Посмотрите разницу между:

код:

 var thisHash = window.location.hash; $(document).ready(function() { if(window.location.hash) { $(thisHash).fancybox({ prevEffect : 'none', nextEffect : 'none', closeBtn : false, arrows : true, nextClick : true, helpers : { thumbs : { width : 80, height : 80 }, title : { type : 'inside' }, buttons : {} }, afterLoad : function() { this.title = (this.index + 1) + ' de ' + this.group.length + '
'; } }).trigger('click'); } $('.fancylink').fancybox({ prevEffect : 'none', nextEffect : 'none', closeBtn : false, arrows : true, nextClick : true, helpers : { thumbs : { width : 80, height : 80 }, title : { type : 'inside' }, buttons : {} }, afterLoad : function() { this.title = (this.index + 1) + ' de ' + this.group.length + '
'; } }); }); // ready

Что не так в этом скрипте?

Сначала вам все равно нужно иметь ссылки на ваши изображения на странице, которая открывает fancybox:

 open image 01 open image 02 

… и т.д.

Обратите внимание, что я добавляю как ID и class для каждого якоря, поскольку единственный способ, которым я должен настроить таргетинг по URL-адресу, – это идентификатор … class будет использоваться, чтобы открывать эти изображения в fancybox в обычном порядке, как только я на странице, поэтому мне не нужно писать конкретный код fancybox для каждого ID.

затем установите этот скрипт на странице справки:

  

то вы можете указать URL-адрес, который предназначен для каждого изображения, например

 http://mydomain.com/page.html#image01 

или

 http://mydomain.com/page.html#image02 

и т.п.

Хотите работать демо?

http://picssel.com/playground/jquery/targetByID_28jan12.html#image01

http://picssel.com/playground/jquery/targetByID_28jan12.html#image02

ПРИМЕЧАНИЕ . Этот код предназначен для fancybox v1.3.x, поскольку вы использовали fancybox.net в качестве ссылки.

UPDATE # 1 : если вам нужны опции fancybox, вам нужно добавить их в оба ID селектора и class :

  

Конечно, используйте правильные опции для fancybox v1.3.x или 2.x

  • html ссылки не работают (с использованием base href)
  • Может ли Google Chrome открывать локальные ссылки?
  • Удалить упорное подчеркивание ссылки
  • Как сделать кнопку похожим на ссылку?
  • Найти имя пакета для приложений Android, чтобы использовать Intent для запуска приложения Market из Интернета
  • Facebook share link - можете ли вы настроить текст сообщения?
  • Что такое синтаксис RTF для гиперссылки?
  • Изменить цвет текста в тексте TextView и щелкнуть?
  • Interesting Posts

    Как добавить заголовки ответов на основе типа контента; получение Content-type до того, как ответ будет выполнен

    Mac OS X Mountain Lion не может ping / telnet localhost. Укажите неправильный публичный IP-адрес

    Не удается найти / открыть корзину в Windows 7

    Проверить скрипт оболочки, если удаленный TCP-порт открыт

    Не удается получить доступ к базе данных FireBase через ошибку HTTP / REST 403 Запрещено

    Excel 2013 – есть способ отключить серию диаграмм, не удаляя ее

    Как добавить поддержку FTP в Eclipse?

    Совместимость и преимущества браузера с дефлятом сжатия для GZIP

    Печать целого числа в виде строки с синтаксисом AT & T с системными вызовами Linux вместо printf

    Можете ли вы вызвать ko.applyBindings, чтобы связать частичный просмотр?

    Как реализовать ng-изменение для пользовательской директивы

    В чем разница между ApplicationContext и WebApplicationContext в Spring MVC?

    Как удалить отображение рабочей области TFS?

    Как преобразовать имена переименований в строку в c

    «Время с / Аго» для Android / Java

    Давайте будем гением компьютера.