fancybox работает только на последнем изображении в хроме и FF

Question

В firefox Fancybox работает только с последним изображением (последнее изображение в исходном, а не на визуальном веб-странице). В IE все работает нормально.

Я изменил идентификатор на КЛАСС, но пока не удался. Вы можете найти источник: http://www.luukratief-design.nl/dump/parallax/stack.html

, пожалуйста, помогите! Накануне меня часами.

Answer 1

Анкеры расположены вверху.

Чтобы увидеть, что я имею в виду, открыть консоль Firebug и введите этот

$('a.big').css({ border: '6px solid red' }) 

Теперь посмотрим на красные коробки все сгрудились топ.

Я думаю, это связано с тем, что эффект добавляется к изображениям, а не к родительским ссылкам. Изображения отображаются с использованием position: absolute, и поскольку в якорях нет position: relative, анкеры сжимаются, как будто у них нет содержимого.

Поскольку вы используете JavaScript, не могли бы вы сделать что-то вроде этого?

$('a.big').click(function(event) { 
    event.stopPropagation(); // in case it bubbles up the parent anchor somehow and fires twice in IE 
    // trigger lightbox here.. 
    $(this).parent('a').click(); 
}); 

Не уверен, что это сработает, но может быть на правильном пути ... удачи.