flashFXp上传网页的问题

好吧,本人是小白,为了给女朋友弄个情人节礼物,
所以找到jquery代码自己简单的修改了下做了个时间轴的
html文件,在本地已经可以运行了,
请输入图片描述

以上图片是本地源码的几个文件夹。

可是用flashFXP上传到免费空间的时候,
发现图片读取不了,时间轴不能切换了,像这样
请输入图片描述

这是为什么呢?

FXP里面我直接把本地的几个文件原封不动的上传到根目录了。
请教这是什么问题?

好多人说没提交代码,我也不清楚规则,给大家造成困扰了。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>奇幻之旅</title>
<link rel="stylesheet" type="text/css" href="css/styles.css" />
<script type="text/javascript" src="jquery.js"></script>
    <script src="jquery.timelinr-0.9.4.js" type="text/javascript"></script>
    <script type="text/javascript"> 
        $(function(){
            $().timelinr()
        });
    </script>
</head>
<body id="introduction">
<div id="page">
<div class="demotips"><a href="index.html">演示一</a><a href="demo2.html">演示二</a><a href="demo3.html">演示三</a></div>
    <div id="container" class="content clearfix">
    <div id="timeline">
        <ul id="dates">
            <li><a href="#2012">2012.2</a></li>
            <li><a href="#2012">7月</a></li>
            <li><a href="#2012">8.11</a></li>
            <li><a href="#2012">8.23</a></li>
                        <li><a href="#2012">8.27</a></li>
            <li><a href="#2012">9</a></li>
            <li><a href="#2012">12</a></li>
            <li><a href="#2013">2013</a></li>
                        <li><a href="#2013">1</a></li>
                        <li><a href="#2013">4</a></li>
                        <li><a href="#2013">5</a></li>
            <li><a href="#2013">6</a></li>
            <li><a href="#2013">7</a></li>

        </ul>
        <ul id="issues">
            <li id="2.7">
                <img src="images/1.jpg" width="256" height="256" />
                <h1>2012.2.7</h1>
                <p>也许谁也想不到,我们的故事就这样开始了.那天直觉告诉我,戴上头饰的你一定会非常好看,果然事实也正是如此。戴上的那一瞬间心脏忽然停顿了几秒钟,看到你笑笑,我极力掩饰自己的失态,那年的元宵节是最美丽的元宵节,因为我多了一个如此特别的表妹。</p>
            </li>

网址
http://xiumubaibai.ydlk3.tzhytl.com/#

阅读 5.6k
4 个回答

请发具体代码或网址,目前信息太少。
当前信息来看,目测的最大可能是斜杠/反斜杠的问题,又或者是相对/绝对地址的问题。
不排除其他我没想到的情况。
所以需要代码来确认。


update:
提供代码和网址确实很重要。目前基本确认为你的服务器问题。如果没有你提供的网址和代码,很难把问题定位到这里。

你的代码大致目测应该问题不大,但实际访问你的网址时,各引用的图片和脚本出现大量的503 Service Unavailable现象。
具体表现为:当图片链接503时,图片无法显示;脚本链接503时,你的特效无法显示。

大约你是用的是某个win2003系统的免费主机。一般这样的主机会托管有大量的网站,而本身的服务器性能较弱,最终能够分配到你的网页的资源会相当少。
你的网页为静态网页,但网页中涉及的文件(包括卡开网页时需要载入的html、css、图片和脚本文件等)数量较大,浏览器执行(并行)下载时,短时间内会发起多个http请求,肯定超过了你的主机当前能够分配给你的额度。
根据测试,你的主机根据自身负荷只能给予你少量http请求的额度。即,按照网页下载顺序,除了网页html和一个css以外,剩下所有js或者img中只有几个文件会被下载,其它全部503
服务器负荷重的时候,有时连3个请求都不足,直接整站503的情况我也刷出来几次。

说白了就是主机太差导致无法正常访问文件。

就你这个具体案例,可以考虑以下几种策略:

  1. 更换一个好一点的托管服务(建议)。
  2. 尽可能减少网页对主机的http请求数。

对于策咯1,有多个选择(个人建议最后一条)

  1. 购买一个收费主机
  2. 寻找一个更好的纯静态免费主机。纯静态免费主机的表现通常比动态免费主机性能更稳定。
  3. 使用SAE、GAE、BAE等免费托管服务。
  4. 使用Github、Gitcafe、Git@OSC等在线GIT服务的网页发布系统。(建议)

在不更换主机的前提下,必须采用策略2,需要如下步骤

  1. 引用的js库全部使用CDN服务。jq的cdn服务很多,一搜一大把。
  2. 没有CDN服务的js全部在html中内置。
  3. css同样在html中内置
  4. 所有图片使用第三方的免费图片服务,不要上传到主机。

通过以上步骤,可以使得你的页面对主机的访问控制在1个请求中,以免部分内容被你那个坑爹的主机拦下来。

开network看看,是404么?如果是,查看你的连接。
在地址栏单独敲img的地址,看看能否访问成功,比如,你的域名/images/abc.jpg

这是典型的无效问题。

  • 你没有发网址或者代码,我们无法去重现故障场景。
  • 你没有说进行了怎样的尝试,我们无法从问题中获得收益

对于这样的问题,连去试着想象都是浪费时间。

对于被踩超过一定阙值的(可以是踩/浏览量、也可以是踩赞比例),建议官方从列表里隐藏掉问题。

问题应该是html中,images路径出错。一般本地可以访问到图片,但是放到web服务器上后,路径稍有偏差就不能读取到了。

具体的话希望你可以贴出web地址,让我们看一下,好给你解决方案。

一般的路径应该为 /imgaes/xxx.png 或者 ../images/xxx.png
可以理解为:
如果图片和html文件在同一目录,就直接写.jpg
如果图片的文件夹和html文件在同一目录,就写/../
.jpg

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
logo
101 新手上路
子站问答
访问
宣传栏