我正在尝试在我的网页上使用流行的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时,它似乎都很复杂。也许每次我忘记做的事情......?
感谢您的时间
答案 0 :(得分:1)
我刚发现了这个问题。
我在我的css文件中使用了“background-image
”。
我以为我可以用它作为后备,但看起来你不能同时使用Backstretch和Background-image
!