无法从CSS中提取舞台高度

我遇到一个错误- 无法从CSS中提取舞台高度:追踪高度0px -当我在IE8和Firefox 6.0.2中刷新一个带有Galleria画廊的页面时。我做了这些修改:

1)通过改变标签

 !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 //EN"

2)为

添加height属性

.galleria-stage {height: 467px;}

3)在标题部分匹配以下标签-

 link type="text/css" rel="stylesheet" href="galleria/themes/classic/galleria.classic.css"
 script type="text/javascript" src="js/galleria-1.2.5.min.js"
 script type="text/javascript" src="galleria/themes/classic/galleria.classic.min.js"

我仍然遇到这个错误。请帮助!(我在这篇文章中删除了小于和大于的符号，但它们包含在我的代码中)。

谢谢,

里克·r .

根据脚本作者的说法，这个问题已在最新的测试版中修复:https://github.com/aino/galleria/blob/master/src/galleria.js

我遇到了同样的问题，并将高度属性添加到gallery .classic.css中，并实现了"告诉我甘道夫在哪里"推荐的文件，我的错误消失了。我本来打算+1他的，但是我的声望不够高;)

不太酷的解决方案是在结尾添加gallery样式

.galleria-errors{display: none;}

它只是忽略错误信息

实际上，诀窍是在页面中添加高度设置，而其余的设置与示例中的设置一样(至少对我来说在chrome 18.0.1025.168 m)

<!doctype html>
<head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
        <script src="galleria/galleria-1.2.7.min.js"></script>
        <style>
            #galleria{height:467px}
        </style>
    </head>
    <body>
        <div id="galleria">
            <img src="photos/photo1.jpg">
            <img src="photos/photo2.jpg">
            <img src="photos/photo3.jpg">
        </div>
        <script>
            Galleria.loadTheme('galleria/themes/classic/galleria.classic.min.js');
            Galleria.run('#galleria');
        </script>
    </body>
</html>

我在1.2.5版本中遇到了同样的问题，并通过放置:

来修复它

<!doctype html>
<head>

在文档的最上方。希望现在帮你还不算太晚。

您可以在调用galleria.run('#galleria');之前设置元素的height和width。我有同样的问题，这解决了它。

这是一次多么令人难忘的经历啊!对我来说，这取决于我读了哪个安装指南。

这个给了我致命的错误消息和我所有的试验更改，当我浏览一个解决方案。

这个让我重新振作起来。我采用了下面的HTML并更新了我的文件，使其看起来像这个带有CSS条目的版本。

<!doctype html>
<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
        <script src="galleria/galleria-1.2.7.min.js"></script>
        <style>
            #galleria{ width: 700px; height: 400px; background: #000; }
        </style>
    </head>
    <body>
        <div id="galleria">
            <img src="photo1.jpg">
            <img src="photo2.jpg">
            <img src="photo3.jpg">
        </div>
        <script>
            Galleria.loadTheme('galleria/themes/classic/galleria.classic.min.js');
            Galleria.run("#galleria");
        </script>
    </body>
</html>

我通过打开javascript文件galleria-1.2.7.js并将debug设置为false来修复此问题。

第25行左右

VERSION = 1.27,
DEBUG = false,
TIMEOUT = 50000,

相关内容

最新更新

热门标签：