Как создать прямую ссылку на любую коробку fancybox
Мне нужно, когда я нажимаю на все, что использует fancybox, он генерирует для него определенный URL, поэтому, когда я отправляю эту ссылку кому-то, он открывает конкретное поле, которое я хочу.
Например: fancybox.net/home, когда я нажимаю на первом изображении, ссылка по-прежнему fancybox.net/home Я хочу, чтобы при щелчке по изображению URL-адрес был создан и отображается в адресной строке, например: fancybox.net/home / imageid = 1, поэтому, когда я отправляю fancybox.net/home/imageid=1 кому-то, он уже открывает изображение в поле
Благодаря!
- Как сохранить: активный стиль css после нажатия элемента
- Что такое синтаксис RTF для гиперссылки?
- Может ли Google Chrome открывать локальные ссылки?
- Как я могу сделать ссылку на клики в NSAttributedString?
- Как добавить гиперссылку в JLabel
(Это похоже на фото в 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
Что не так в этом скрипте?
- Откройте внешние ссылки в браузере с веб-браузером Android
- Связывание значения столбца в jqGrid с новой страницей с помощью GET
- Найти имя пакета для приложений Android, чтобы использовать Intent для запуска приложения Market из Интернета
- Использование jQuery для программного перехода по ссылке
- Изменить цвет текста в тексте TextView и щелкнуть?
- Как сделать кнопку похожим на ссылку?
- Scrapy: Следуйте ссылке, чтобы получить дополнительные данные элемента?
- html ссылки не работают (с использованием base href)
Сначала вам все равно нужно иметь ссылки на ваши изображения на странице, которая открывает 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