好吧,本人是小白,为了给女朋友弄个情人节礼物,
所以找到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">
<p id="page">
<p class="demotips"><a href="index.html">演示一</a><a href="demo2.html">演示二</a><a href="demo3.html">演示三</a></p>
<p id="container" class="content clearfix">
<p 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/#
请发具体代码或网址,目前信息太少。当前信息来看,目测的最大可能是斜杠/反斜杠的问题,又或者是相对/绝对地址的问题。不排除其他我没想到的情况。所以需要代码来确认。update:
提供代码和网址确实很重要。目前基本确认为你的服务器问题。如果没有你提供的网址和代码,很难把问题定位到这里。
你的代码大致目测应该问题不大,但实际访问你的网址时,各引用的图片和脚本出现大量的
503 Service Unavailable
现象。具体表现为:当图片链接
503
时,图片无法显示;脚本链接503
时,你的特效无法显示。大约你是用的是某个win2003系统的免费主机。一般这样的主机会托管有大量的网站,而本身的服务器性能较弱,最终能够分配到你的网页的资源会相当少。
你的网页为静态网页,但网页中涉及的文件(包括卡开网页时需要载入的html、css、图片和脚本文件等)数量较大,浏览器执行(并行)下载时,短时间内会发起多个http请求,肯定超过了你的主机当前能够分配给你的额度。
根据测试,你的主机根据自身负荷只能给予你
少量http请求的额度
。即,按照网页下载顺序,除了网页html和一个css以外,剩下所有js或者img中只有几个文件会被下载,其它全部503
。服务器负荷重的时候,有时连3个请求都不足,直接整站
503
的情况我也刷出来几次。说白了就是主机太差导致无法正常访问文件。
就你这个具体案例,可以考虑以下几种策略:
对于策咯1,有多个选择(个人建议最后一条)
在不更换主机的前提下,必须采用策略2,需要如下步骤
通过以上步骤,可以使得你的页面对主机的访问控制在1个请求中,以免部分内容被你那个坑爹的主机拦下来。
开network看看,是404么?如果是,查看你的连接。
在地址栏单独敲img的地址,看看能否访问成功,比如,你的域名/images/abc.jpg
这是典型的无效问题。
对于这样的问题,连去试着想象都是浪费时间。
对于被踩超过一定阙值的(可以是踩/浏览量、也可以是踩赞比例),建议官方从列表里隐藏掉问题。
问题应该是html中,images路径出错。一般本地可以访问到图片,但是放到web服务器上后,路径稍有偏差就不能读取到了。
具体的话希望你可以贴出web地址,让我们看一下,好给你解决方案。
一般的路径应该为 /imgaes/xxx.png 或者 ../images/xxx.png
可以理解为:
如果图片和html文件在同一目录,就直接写.jpg
如果图片的文件夹和html文件在同一目录,就写/../.jpg