8

嗨，在过去 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，仅供参考。非常感谢！

4

3 回答 3

1

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

$(".foo").backstretch([
        $(".foo").backstretch([
           "path/to/image.jpg",
           "path/to/image2.jpg",
           "path/to/image3.jpg"    
      ], {duration: 4000});
于 2013-11-18T14:40:41.327 回答
1

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

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

    $(".foo").backstretch([

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

 ], {duration: 4000});
于 2015-12-10T13:52:52.507 回答
0

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

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

我把一个简单的例子放在一起，这样你就可以看到它的实际效果。如果您有任何问题，请告诉我！

于 2015-12-11T19:48:38.373 回答