求高手指教.........在线等回复
我现在做个图片焦点切换,用js来写
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<title> 焦点切换 </title>
<script language= "JavaScript " type= "text/JavaScript ">
var img_1 = new Image();
img_1.src = "F:\焦点切换\页签小图2\页签小图2\bg_4.gif ";
var img_2 = new Image();
img_2.src = "F:\焦点切换\页签小图2\页签小图2\cj_1.gif ";
var img_3 = new Image();
img_3.src = "F:\焦点切换\页签小图2\页签小图2\cj_2.gif ";
var img_4 = new Image();
img_4.src = "F:\焦点切换\页签小图2\页签小图2\cq_1.gif ";
var img_5 = new Image();
img_5.src = "F:\焦点切换\页签小图2\页签小图2\cq_2.gif ";
var img_6 = new Image();
img_6.src = "F:\焦点切换\页签小图2\页签小图2\cs_1.gif ";
var img_7 = new Image();
img_7.src = "F:\焦点切换\页签小图2\页签小图2\cs_2.gif ";
var img_8 = new Image();
img_8.src = "F:\焦点切换\页签小图2\页签小图2\dj_1.gif ";
var img_9 = new Image();
img_9.src = "F:\焦点切换\页签小图2\页签小图2\dj_2.gif ";
var img_a = new Image();
img_a.src = "F:\焦点切换\页签小图2\页签小图2\sc_1.gif ";
var img_b = new Image();
img_b.src = "F:\焦点切换\页签小图2\页签小图2\sc_2.gif ";
var img_c = new Image();
img_c.src = "F:\焦点切换\页签小图2\页签小图2\zt_1.gif ";
var img_d = new Image();
img_d.src = "F:\焦点切换\页签小图2\页签小图2\zt_2.gif ";
function MM_swapImgRestore()
{
var i,x,a=document.MM_sr;
for(i=0;a&&i <a.length&&(x=a[i])&&x.oSrc;i++)
x.src=x.oSrc;
}
function MM_preloadImages()
{
var d=document;
if(d.images)
{
if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments;
for(i=0; i <a.length; i++)
if (a[i].indexOf( "# ")!=0)
{
d.MM_p[j]=new Image;
d.MM_p[j++].src=a[i];
}
}
}
function MM_findObj(n, d)
{
var p,i,x;
if(!d) d=document;
if((p=n.indexOf( "? "))> 0&&parent.frames.length)
{
d=parent.frames[n.substring(p+1)].document;
n=n.substring(0,p);
}
if(!(x=d[n])&&d.all) x=d.all[n];
for (i=0;!x&&i <d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i <d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n);
return x;
}
function MM_swapImage()
{
var i,j=0,x,a=MM_swapImage.arguments;
document.MM_sr=new Array;
for(i=0;i <(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null)
{
document.MM_sr[j++]=x;
if(!x.oSrc)
x.oSrc=x.src;
x.src=a[i+2];
}
}
</script>
</head>
<body>
<table background= "img_1 " cellSpacing= "0 " cellPadding= "0 " dir= "ltr " dataSrc= "0 " border= "0 ">
<tr>
<td>
<a onmouseover= "MM_swapImage( 'Image1 ', ' ', 'img_3 ',1) " onmouseout= "MM_swapImgRestore() ">
<img name= "Image1 " src= "img_2 " > </a>
</td>
</tr>
<tr>
<td>
<a onmouseover= "MM_swapImage( 'Image2 ', ' ', "img_5 ",1) " onmouseout= "MM_swapImgRestore() ">
<img name= "Image2 " src= "img_4 "> </a>
</td>
</tr>
<tr>
<td>
<a onmouseout= "MM_swapImgRestore() " onmouseover= "MM_swapImage( 'Image3 ', ' ',img_7,1) ">
<img name= "Image3 " src= "img_6 "> </a>
</td>
</tr>
<tr>
<td>
<a onmouseout= "MM_swapImgRestore() " onmouseover= "MM_swapImage( 'Image4 ', ' ', 'img_9 ',1) ">
<img name= "Image4 " src= "img_8 "> </a>
</td>
</tr>
<tr>
<td>
<a onmouseout= "MM_swapImgRestore() " onmouseover= "MM_swapImage( 'Image5 ', ' ', 'img_b ',1) ">
<img name= "Image5 " src= "img_a "> </a>
</td>
</tr>
<tr>
<td>
<a onmouseout= "MM_swapImgRestore() " onmouseover= "MM_swapImage( 'Image6 ', ' ', 'img_d ',1) ">
<img name= "Image6 " src= "img_c "> </a>
</td>
</tr>
</table>
</body>
</html>
现在问题是 我的图片已经是绝对路径了 为什么我取不到图片
另外 怎么把图片的位置写成相对路径啊?
急啊 请各位帮帮忙 看看
[解决办法]
img_d.src = "F:\\焦点切换\\页签小图2\\页签小图2\\zt_2.gif ";
绝对路径是错误的写法。应该用相对路径
[解决办法]
比如:
F:\焦点切换\页签小图2\页签小图2\zt_2.gif
F:\焦点切换\index.html
index.html的图片相对路径就是
页签小图2/页签小图2/zt_2.gif
注意反斜杠
[解决办法]
不要用本地路径
[解决办法]
1.WEB的路径中最好不要含中文。
2.绝对路径是可以的但,\ 要写成\\
3.相对路径就是jianye112所说的
[解决办法]
zbjg(凿壁借光) 说的
1.WEB的路径中最好不要含中文。