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

  • Может ли Google Chrome открывать локальные ссылки?
  • Редактирование гиперссылок и якорей в PDF с помощью ITextSharp
  • Найти имя пакета для приложений Android, чтобы использовать Intent для запуска приложения Market из Интернета
  • Scrapy: Следуйте ссылке, чтобы получить дополнительные данные элемента?
  • Как сделать кнопку похожим на ссылку?
  • Удалить упорное подчеркивание ссылки
  • html ссылки не работают (с использованием base href)
  • Откройте внешние ссылки в браузере с веб-браузером Android
  • Interesting Posts

    Перенос Windows 7 на новый диск, клонирование зашифрованного жесткого диска на SSD

    Хранимая процедура Oracle с параметрами для предложения IN

    Установка параметров exif-данных для изображения

    Весенний автоузел для атрибута @Aspect равен нулю

    Как обновить один файл в zip-архиве

    Объясните, как работает узел запуска цикла в циклическом списке?

    Как настроить путь сборки Eclipse для использования зависимостей Maven?

    Создание объектов в пределах области местности

    Почему я не могу освободить объект?

    Уведомление GCM push работает после приложения Force Stop?

    Уменьшить чувствительность сенсорной панели ноутбука в ubuntu

    Как сделать объект JSON classом типов

    Как определить цвета в качестве переменных в CSS?

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

    Как открыть командную строку и вставить команды с помощью Java?

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