fancybox 仅适用于 chrome 和 FF 中的最后一个图像

发布于 2024-08-22 03:09:44 字数 290 浏览 2 评论 0原文

在 Firefox 中，Fancybox 仅适用于最后一个图像（源中的最后一个图像，而不是可视网页）。在 IE 中一切正常。

我把ID改成了CLASS，但是还没有成功。您可以在这里找到来源： http://www.luukratief-design.nl/dump/parallax/stack。 html

请帮忙！打扰我好几个小时了。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

独﹏钓一江月 2024-08-29 03:09:45

锚被放置在顶部。

要明白我的意思，请打开 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();
});

不确定这是否有效，但它可能是在正确的轨道上......祝你好运。

The anchors are being positioned up top.

To see what I mean, open Firebug's console and type this

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

Now look at the red boxes all bunched up top.

I think this is because the effect is being added to the images, and not the parent links. The images are being displayed using position: absolute, and because the anchors don't have position: relative, the anchors are collapsing like they have no content.

Since you are using JavaScript, could you do something like this?

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

Not sure if this will work, but it might be on the right track... good luck.

回复收藏 0 原文

~没有更多了~