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

Question

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

Я сменил ID на CLASS, но пока безуспешно. Вы можете найти источник здесь: http://www.luukratief -design.nl / сброс / параллакса / 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();
});

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