2010-02-16 6 views
2

firefox Fancybox는 마지막 이미지 (소스의 마지막 이미지가 아닌 시각적 웹 페이지)에서만 작동합니다. IE에서 모두 정상적으로 작동합니다.fancybox는 크롬 및 FF의 마지막 이미지에서만 작동합니다.

ID를 CLASS (으)로 변경했지만 아직 성공하지 않았습니다. 여기에서 소스를 찾을 수 있습니다 : http://www.luukratief-design.nl/dump/parallax/stack.html

도와주세요! 지금 몇 시간 동안 나를 괴롭힌다.

답변

1

앵커가 맨 위에 위치합니다.

은 무슨 뜻인지 열려 방화범의 콘솔을보고이

$('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(); 
}); 

정상적으로 작동하는지는 확실하지 않지만 ... 행운을 빈다.

+0

답해 주셔서 감사합니다. 이후 나는 자바 스크립트/jquery 멍청한 놈, 당신이 제발이 스 니펫을 넣어 말해 줄 수 있습니까? 이제 스크립트를 머리에 추가했지만 작동하지 않는 것 같습니다. 나는 국경을 켜서 당신이 의미하는 것을 보았습니다. – Luuk

+0

당신이 그것을 추가 한 곳에서 볼 수 있습니다. 어떤 변화가 있습니까? 사용자가 이미지를 클릭 할 수 있음을 알 수 있도록'css ({cursor : 'hand'})'를 추가 할 수도 있습니다. – alex

+0

먼저 이벤트를 테스트 해 보겠습니다. 'console.log ('g \'day mate ')'또는 이와 유사한 것을 던집니다. 원하는 경우'alert()'를 사용하여 IE에서 테스트하거나 적절한 JavaScript 디버거를 사용하십시오. – alex

관련 문제