Имею код вызова
var thisHash = window.location.hash;
$(document).ready(function() {
if(window.location.hash) {
$(thisHash).fancybox({
}).trigger('click');
}
$('.fancybox').attr('rel', 'gallery').fancybox({
prevEffect : 'fade',
nextEffect : 'fade',
closeBtn : true,
arrows : true,
nextClick : true,
beforeShow: function() {
var el, id = $(this.element).data('title-id');
if(id){
el = $('#'+id);
if(el.length){
this.title = el.html();
}
}
window.location.hash = this.index;
},
});
});
При открытии к адресу добавляется хеш с id изображения и иконки соц сетей.
т.е
если код изображения у нас
<a id="0" class="fancybox" href="#" data-title-id="title-1" data-fancybox-group="gallery" title=""><img src="#" alt="" /></a>
<div id="title-1" class="hidden">
<div class="shareblock"></div>
</div>
где <a id="0" добавляется в хеш
http://...ru/#0
И подгружаеются кнопки соц сетей в <div class="shareblock"></div>
Проблема:
Сразу дам ссылку на пример (не реклама, ибо там нечего рекламировать, всего 3 картинки)
http://mryayoo.ru
1. При первой загрузке страницы, кликаем на первую картинку
видим адрес:
http://mryayoo.ru/#0
Нажимаем кнопку Twitter, видим содержание:
Код:
|
Заголвок http://mryayoo.ru/ |
2.Закрываем картинку. Обновляем страницу F5, закрываем открывшееся изображение.
3. Открываем первую картинку, жмем кнопку Twitter, видим содержание:
Код:
|
Заголвок http://mryayoo.ru/#0 |
т.е скрипт отрабатывает только первоначальный загруженный адрес. При перемотке изображений так-же не работкает как надо.
Вопрос:
Как и что куда дописать, чтобы при первом открытии картинки содержание твиттера было идентично содержанию адресной строки, аналогично при прокрутке ?