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

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

2 голосов
/ 16 февраля 2010

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

Я сменил ID на CLASS, но пока безуспешно. Вы можете найти источник здесь: http://www.luukratief -design.nl / сброс / параллакса / stack.html

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

1 Ответ

1 голос
/ 16 февраля 2010

Якоря располагаются сверху.

Чтобы понять, что я имею в виду, откройте консоль 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();
});

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

...