gpt4 book ai didi

javascript - FireFox 中的放大弹出窗口不显示图像

转载 作者:行者123 更新时间:2023-11-28 15:41:16 26 4
gpt4 key购买 nike

我正在使用 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" 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>

它不会在 FF 浏览器(Windows 和 Ubuntu)中显示图像。在 Chrome 中它工作正常。这是实时页面的链接:http://ristnatuletorn.eu/index.php?id=8

谁能提出任何解决方案吗?

谢谢!

最佳答案

我知道有点晚了,但由于答案从未发布...尝试声明 DOCTYPE。我遇到了同样的问题,这为我解决了。您的官方网站可能声明了 DOCTYPE,而您的测试代码却没有。

关于javascript - FireFox 中的放大弹出窗口不显示图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23711385/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com