为什么为FlashGallery添加此javascript会导致我的背景图像向上移动?

时间:2011-01-21 16:19:20

标签: javascript html css flash

我在我的网站上添加了一个Flash库,所需的脚本导致背景图像移动。

您可以在此处查看页面:http://www.arbitersoflight.net/media/screens.html

有问题的脚本是“swfobject.js”。我通过添加/删除

来确定这一点
<script type="text/javascript" src="/scripts/flashgallery/swfobject.js"></script>

到我的网站(这是运行图库所需的)。显然,由于我的网站布局,我无法移动背景......所以这非常烦人。不幸的是,我对编码几乎一无所知,所以我缺乏自己找到问题的技能。我非常感谢你们能给我的任何帮助。

1 个答案:

答案 0 :(得分:1)

我不确定为什么会发生这种情况,但如果您将以下CSS添加到以下标记中,它将修复它:

#header { position:relative; top:15px; }
.scroll-pane { position:relative; top:-15px; }

修改

这可能发生的另一个原因是此脚本标记中的空格:

<script type="text/javascript" id="sourcecode">
        $(function()
        {
            $('.scroll-pane').jScrollPane();
        });
</script>

解决此问题的一种可能方法是将该代码保存到文件中并将其包含为:

<script type="text/javascript" src="/scripts/jscrollpane/jquery.jscrollpane.init.js"></script>