Galleria软件 - 无法从CSS中提取舞台高度

时间:2011-10-01 04:22:36

标签: galleria

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

1)通过更改此标记到

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

2)将高度属性添加到

.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"

我继续遇到此错误。请帮忙! (我在此帖子中删除了少于和大于符号但它们包含在我的代码中。)

谢谢,

Rick R。

8 个答案:

答案 0 :(得分:4)

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

答案 1 :(得分:4)

不酷的解决方案是在galleria造型上添加

.galleria-errors{display: none;}

它只是忽略错误消息

答案 2 :(得分:3)

我遇到了同样的问题,并将高度属性添加到galleria.classic.css,并实现了“告诉我Gandalf在哪里”的文件,我的错误消失了。我打算给他+1,但我的名声不够高;)

答案 3 :(得分:3)

实际上,诀窍是在页面中添加高度设置,并保留其他设置,就像它们在示例中一样 (至少对我来说是镀铬18.0.1025.168米)

<!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>

答案 4 :(得分:1)

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

来修复它
<!doctype html>
<head>

在文档的最顶层。希望这不是很晚才能帮到你。

答案 5 :(得分:1)

这是多么改变心灵的经历!对我来说,这取决于我阅读的安装指南。

当我浏览决议时,

This one给了我致命的错误消息和我的所有试验变化。

This one让我恢复正常运转。我使用下面的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>

答案 6 :(得分:1)

在致电height之前,您可以设置元素的widthgalleria.run('#galleria');。 我遇到了同样的问题,并修复了它。

答案 7 :(得分:0)

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

第25行

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