首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >后台的/JavaScript显示/在本地工作,而不是在服务器上

后台的/JavaScript显示/在本地工作,而不是在服务器上
EN

Stack Overflow用户
提问于 2012-08-25 05:56:47
回答 1查看 691关注 0票数 0

当我检查存储在本地计算机上的页面时,一切正常,但当我将其上传到服务器时,背景/幻灯片转换功能不起作用,它们甚至都不显示。下面是我的代码:

代码语言:javascript
复制
<!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>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-08-25 06:01:40

使用网页浏览器(我更喜欢Chrome),点击F12 (这将在Chrome和其他浏览器中打开网页检查器)。查找"console“选项卡,并将错误减少到零。

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

顺便说一句,这里没有JAVA代码。你是说Javascript。这是完全不同的。

update您链接的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>

但你弟弟比我更清楚这一点。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12117161

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档