Question

在过去5天尝试使用后伸时没有加载图像的问题。检查我的所有文件路径，使用正确的库插件，检查标记的顺序，检查脚本的顺序。有任何想法吗？请帮忙！非常感谢 - 并为成为新手而道歉。

这是我的代码：

<!DOCTYPE html>
<html lang="en">


<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<head profile="http://gmpg.org/xfn/11">
    <link rel="stylesheet" href="new_website/new_site_css/stylesheet2.css" type="text/css" media="screen" title="CSS" charset="utf-8" />

<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">


 </head>    

 <body>
 <script type="text/javascript"    
 <script    type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
 <script type="text/javascript"src="new_website/jquery.backstretch.js"></script>
 <script>
 $.backstretch([
"new_website/images/2.png",
"new_website/images/3.png",
"new_website/images/4.png"    
], {duration: 4000, fade: 750});

</script>

</body>
</html>

我没有宣布任何CSS，仅供参考。非常感谢！

Answer 1

我认为要初始化一个幻灯片，你需要声明一个元素。

$(".foo").backstretch([
        $(".foo").backstretch([
           "path/to/image.jpg",
           "path/to/image2.jpg",
           "path/to/image3.jpg"    
      ], {duration: 4000});

Answer 2

确保添加完整的图像路径，因为"new_website"目录可能与此页面不在同一级别。

确保所有图片都具有读取权限。如果没有读取权限，虽然图像存在，但它们不会出现在浏览器中。

$(".foo").backstretch([

   "absolute path/to/image.jpg",
   "absolute path/to/image2.jpg",
   "absolute path/to/image3.jpg"

 ], {duration: 4000});

Answer 3

您需要选择要更改其背景的HTML元素。例如，如果您要更改文档的body，请使用：

$("body").backstretch([
  "new_website/images/2.png",
  "new_website/images/3.png",
  "new_website/images/4.png"
], {duration: 4000, fade: 750});

我扔了quick example together，以便您可以看到它的实际效果。如果您有任何问题，请告诉我们！

后退图像没有出现

3 个答案: