Javascript 放大弹出窗口在FireFox中不显示图像_Javascript_Jquery_Firefox_Magnific Popup

Javascript 放大弹出窗口在FireFox中不显示图像

javascript jquery firefox

Javascript 放大弹出窗口在FireFox中不显示图像,javascript,jquery,firefox,magnific-popup,Javascript,Jquery,Firefox,Magnific Popup,我使用放大弹出JQ库在弹出叠加中显示画廊。这是基本代码： <html> <head> <title>Ristna tuletorn. Маяк на острове, Эстония. - Gallery test</title> <base href="http://ristnatuletorn.eu/" /> <link href="assets/css/magnific-popup.css" rel="stylesheet

我使用放大弹出JQ库在弹出叠加中显示画廊。这是基本代码：

<html>
<head>
<title>Ristna tuletorn. Маяк на острове, Эстония. - Gallery test</title>
<base href="http://ristnatuletorn.eu/" />
<link href="assets/css/magnific-popup.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="/assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.magnific-popup.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
    $('.open-popup-link').magnificPopup({
    type:'image',
    items: [
    {src:'/assets/gallery/1/11.JPG'},
    {src:'/assets/gallery/1/2.jpg'},
    {src:'/assets/gallery/1/1.jpg'},
    {src:'/assets/gallery/1/3.jpg'},
    {src:'/assets/gallery/1/4.jpg'},
    {src:'/assets/gallery/1/5.JPG'},
    {src:'/assets/gallery/1/6.jpg'},
    {src:'/assets/gallery/1/7.JPG'},
    {src:'/assets/gallery/1/8.JPG'},
    {src:'/assets/gallery/1/9.jpg'},
    {src:'/assets/gallery/1/10.JPG'},
    {src:'/assets/gallery/1/12.JPG'},
    {src:'/assets/gallery/1/13.JPG'},
    {src:'/assets/gallery/1/14.JPG'},
    {src:'/assets/gallery/1/15.JPG'},
 ],             
                          gallery: {
                             enabled: true
                                    }
        });
    });

</script>
<link rel="stylesheet" href="/assets/components/gallery/css/web.css" type="text/css" />
</head>
<body>
<a href="#test-popup" class="open-popup-link">Show inline popup</a>

</body>
</html>


利斯特娜·图勒托恩。Маяк на острове, Эстония. - 廊道试验
$（文档）.ready（函数（）{
$（'.open popup link'）。放大弹出窗口({
类型：'image'，
项目：[
{src:'/assets/gallery/1/11.JPG'}，
{src:'/assets/gallery/1/2.jpg'}，
{src:'/assets/gallery/1/1.jpg'}，
{src:'/assets/gallery/1/3.jpg'}，
{src:'/assets/gallery/1/4.jpg'}，
{src:'/assets/gallery/1/5.JPG'}，
{src:'/assets/gallery/1/6.jpg'}，
{src:'/assets/gallery/1/7.JPG'}，
{src:'/assets/gallery/1/8.JPG'}，
{src:'/assets/gallery/1/9.jpg'}，
{src:'/assets/gallery/1/10.JPG'}，
{src:'/assets/gallery/1/12.JPG'}，
{src:'/assets/gallery/1/13.JPG'}，
{src:'/assets/gallery/1/14.JPG'}，
{src:'/assets/gallery/1/15.JPG'}，
],             
画廊：{
已启用：true
}
});
});

它不会在FF浏览器（Windows和Ubuntu）中显示图像。在Chrome中工作正常。这是指向live页面的链接：

有人能提出解决办法吗

谢谢大家!

如果从

中删除max-height CSS属性，则该功能会起作用

设置<代码>最大高度：36px太小了，如果你进入控制台并调试它，看看会发生什么，你会说100px

你可以专门为FF设置这个，因为在Chrome中它是633px

干杯

如果从

中删除max-height CSS属性，它会起作用

设置<代码>最大高度：36px太小了，如果你进入控制台并调试它，看看会发生什么，你会说100px

你可以专门为FF设置这个，因为在Chrome中它是633px

干杯

我知道有点晚了，但因为答案从未公布过。。。尝试声明DOCTYPE。我有同样的问题，这为我解决了它。很可能您的官方网站声明了DOCTYPE，而您的测试代码没有声明。

我知道有点晚了，但因为答案从未发布过。。。尝试声明DOCTYPE。我有同样的问题，这为我解决了它。很可能您的官方网站声明了DOCTYPE，而您的测试代码没有声明DOCTYPE。

我尝试了一些东西，但不再响应。只是使用固定的弹出窗口大小

注释掉以下@第1210行。

item.img.css（'max-height'，mfp.wH decr）
希望这有帮助
干杯
 我试过一些东西，但已经没有反应了。只是使用固定的弹出窗口大小
注释掉以下@第1210行。
item.img.css（'max-height'，mfp.wH decr）
希望这有帮助
干杯
 谢谢你的快速帮助！如何更好地解决此问题？因为这个值设置了放大代码中的某个位置，我不想调整这个库的核心。我没有一个可行的答案，但这里有一些东西你可以尝试：设置高度！在css中对元素很重要，并查看它是否覆盖（您可以使用css pretags这样做，以便只在FF中发生）。您还可以使用JS/JQ检查高度是否太小，如果您的图库是静态的，则应用自定义高度。但是TBH应该有一种方法来实现它，这样它就可以按默认值工作-我在谷歌上搜索了一下，从来没有遇到过这个问题！可爱的网站顺便说一句！干杯再次感谢你的帮助和想法！库中有一个回调函数。我可以用它来固定JS的高度。但在官方网站上，一切都是好的FF。这让我很惊讶。最后我放弃了，转而使用另一个图库插件。Fonzy感谢您的快速帮助！如何更好地解决此问题？因为这个值设置了放大代码中的某个位置，我不想调整这个库的核心。我没有一个可行的答案，但这里有一些东西你可以尝试：设置高度！在css中对元素很重要，并查看它是否覆盖（您可以使用css pretags这样做，以便只在FF中发生）。您还可以使用JS/JQ检查高度是否太小，如果您的图库是静态的，则应用自定义高度。但是TBH应该有一种方法来实现它，这样它就可以按默认值工作-我在谷歌上搜索了一下，从来没有遇到过这个问题！可爱的网站顺便说一句！干杯再次感谢你的帮助和想法！库中有一个回调函数。我可以用它来固定JS的高度。但在官方网站上，一切都是好的FF。这让我很惊讶。最后我放弃了，换了另一个图库插件。这真的救了我！谢谢我没有声明我的doctype，也无法找出问题所在，因为我从JSP转移到了常规HTML，忘记了复制doctype。你真是个救命恩人！这真的救了我！谢谢我没有声明我的doctype，也无法找出问题所在，因为我从JSP转移到了常规HTML，忘记了复制doctype。你真是个救命恩人！