Как создать прямую ссылку на любую коробку 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

  • C # regex pattern для извлечения URL-адресов из заданной строки - не полный URL-адрес html, но также и ссылки
  • Как ссылаться на метод в javadoc?
  • Как создать ссылки в текстовом клиенте?
  • Удалить упорное подчеркивание ссылки
  • Редактирование гиперссылок и якорей в PDF с помощью ITextSharp
  • jQuery отключить ссылку
  • Пример использования гиперссылки в WPF
  • Facebook share link - можете ли вы настроить текст сообщения?
  • Давайте будем гением компьютера.