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