Fatal编程技术网
  • javascript/
  • 背景'；s/JavaScript在本地显示/工作，而不是在服务器上

背景'；s/JavaScript在本地显示/工作，而不是在服务器上

javascript jquery html

背景'；s/JavaScript在本地显示/工作，而不是在服务器上,javascript,jquery,html,background,local,Javascript,Jquery,Html,Background,Local,当我检查存储在本地计算机上的页面时，所有内容都可以正常加载，但当我将其上传到服务器时，背景/幻灯片切换功能不起作用，甚至不会显示。这是我的密码： <!doctype html> <html lang="en-us"> <head> <meta charset="utf-8"> <title>blah</title> <meta name="description" content="Add Site Descript

当我检查存储在本地计算机上的页面时，所有内容都可以正常加载，但当我将其上传到服务器时，背景/幻灯片切换功能不起作用，甚至不会显示。这是我的密码：

<!doctype html>

<html lang="en-us">
<head>
<meta charset="utf-8">
<title>blah</title>
<meta name="description" content="Add Site Description Here">
<meta name="keywords" content="Add Keywords Here">

<link rel="stylesheet" href="style.css" media="all">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/smooth-scroll.js"></script>
<script src="js/Easy_Background.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.prettyPhoto.js"></script>

<!-- Fullsscreen Background -->
<script type="text/javascript">
      jQuery(document).ready(function($) {
        var background = new Easy_Background({
          background_color: "none",
          pattern: "img/patterns/pattern-4.png",
          autoplay: "true",
          autoplayTime: 5,

          images:["img/fullscreen/1.jpg", 
                  "img/fullscreen/2.jpg",
                  "img/fullscreen/3.jpg", 
                  "img/fullscreen/4.jpg",
                  "img/fullscreen/5.jpg",
                  "img/fullscreen/6.jpg", 
                  "img/fullscreen/7.jpg"],
          images_sizing: "fill", // fill || adjust || stretch || repeat

          animationIn: { attribute:["y", "alpha"], // x || y || alpha 
                value:  ["1px", 0],
                easing: ["easeOutCubic", "swing"],
                time: [0.7, 1.5],
                delay:  0 },
          animationOut: { attribute:[],
                 value:   [],
                 easing:  [],
                 time:  [],
                 delay: 0 }
        });
        $('body').click(background.next);
      });
    </script>
<script type="text/javascript">
  $(document).ready(function(){
    $("a[rel^='prettyPhoto']").prettyPhoto();
  });
</script>
</head>


废话
jQuery（文档）.ready（函数（$）{
var background=新的Easy\u背景({
背景颜色：“无”，
模式：“img/patterns/pattern-4.png”，
自动播放：“正确”，
自动播放时间：5，
图片：[“img/fullscreen/1.jpg”，
“img/fullscreen/2.jpg”，
“img/fullscreen/3.jpg”，
“img/fullscreen/4.jpg”，
“img/fullscreen/5.jpg”，
“img/fullscreen/6.jpg”，
“img/fullscreen/7.jpg”]，
图像大小：“填充”，“填充| | |调整| |拉伸| |重复
动画元素：{属性：[“y”，“alpha”]，//x | | y | | alpha
值：[“1px”，0]，
放松：[“放松”、“摆动”]，
时间：[0.7,1.5]，
延迟：0}，
animationOut:{属性：[]，
值：[]，
放宽【】，
时间：[]，
延迟：0}
});
$（'body'）。单击（background.next）；
});
$（文档）.ready（函数（）{
$（[rel^='prettypto']）；
});
使用webbrowser（我更喜欢Chrome），点击F12（这将在Chrome和其他浏览器中打开webinspector）。查找“控制台”选项卡，并将错误减少到零

事实上，我认为你错过了上传一些文件

顺便说一下，没有JAVA代码。你是说Javascript。这完全不同

更新 链接的javascript资源：

<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/smooth-scroll.js"></script>
<script src="js/Easy_Background.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.prettyPhoto.js"></script>
但是你哥哥比我更清楚这一点。

错过了上传一些文件？你在想什么文件？可能是图像，因为它们没有出现。还要检查您的Web服务器上是否有相同的路径结构。使用上述检查器的net选项卡将显示图像是否正确加载或返回404，因为找不到它们…你发现了什么，当我更新我的javascript文件时，我在删除它们后检查了页面，然后重新映射它们，页面看起来完全一样。我想他们没有被（阅读？）了。在本地检查我的页面和上传到服务器后检查页面之间会发生什么变化，这会使我的javascript资源不被看到/读取？问问你的浏览器，浏览器最了解这一点。IE、FF和Chrome都有一些工具。请详细说明一下，哪些工具？