jQuery Backstretch问题

时间:2012-10-13 13:06:12

标签: jquery html

我正在尝试在我的网页上使用流行的jQuery Backstretch插件,但它根本不起作用。我复制并粘贴了我在Backstretch网站上的下载包中的示例html文件中看到的完全相同的代码,将链接源更改为它们在我的根文件夹中的实际位置,并且......没有。

我在html页面底部调用我的脚本(在</body>之前)

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script src="js/jquery.backstretch.js"></script>
    <script>
        $.backstretch([
          "pot-holder.jpg",
          "coffee.jpg",
          "dome.jpg"
        ], {
            fade: 750,
            duration: 4000
        });
    </script>
<script src="js/jquery.fittext.js"></script>
<script>
$("#resize_text").fitText(0.8, { minFontSize: 42, maxFontSize: '75px' });
</script>

(是的,我也在使用FitText)。

知道什么是错的吗?没有其他jQuery脚本加载到页面上的任何其他地方......并且HTML内容无关紧要,因为Backstretch在script标签中正在做他的魔术......对吗?

每次我尝试集成Backstretch时,它似乎都很复杂。也许每次我忘记做的事情......?

感谢您的时间

1 个答案:

答案 0 :(得分:1)

我刚发现了这个问题。 我在我的css文件中使用了“background-image”。 我以为我可以用它作为后备,但看起来你不能同时使用Backstretch和Background-image