社区
JavaScript
帖子详情
js怎么里调用多层相对路径的图片
zorro911
2012-02-15 04:17:32
一个幻灯片效果,最终是做成动态的。
页面的路径在:根目录/page/class/index.html
图片的路径在:根目录/pictures/slides/*.jpg
js代码是这样:var pics='../../pictures/slides/1.jpg|../../pictures/slides/2.jpg'
以上效果无法显示,经过测试发现无法支持“../../”,如果是上一层(../)或者同路径下都没有问题。
如何能调用上两层文件夹里的文件呢?
...全文
939
7
打赏
收藏
js怎么里调用多层相对路径的图片
一个幻灯片效果,最终是做成动态的。 页面的路径在:根目录/page/class/index.html 图片的路径在:根目录/pictures/slides/*.jpg js代码是这样:var pics='../../pictures/slides/1.jpg|../../pictures/slides/2.jpg' 以上效果无法显示,经过测试发现无法支持“../../”,如果是上一层(../)或者同路径下都没有问题。 如何能调用上两层文件夹里的文件呢?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
7 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
zorro911
2012-02-15
打赏
举报
回复
找到原因了,flash/show.swf的路径问题~~~~
OnlyVB
2012-02-15
打赏
举报
回复
先用一张图片试试
zorro911
2012-02-15
打赏
举报
回复
如果我把页面放在上一层目录里,图片路径改成'../pictures/slides/1.jpg|../pictures/slides/2.jpg',就可以显示,仅仅能引用到上一层,第二层就不行了
整个代码是这样:
var focus_width=272;
var focus_height=382;
var text_height=0;
var swf_height = focus_height+text_height;
var pics='../../pictures/slides/01.jpg|../../pictures/slides/02.jpg';
var links='|';
var texts='';
document.write('<' + 'object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">');
document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="flash/show.swf"><param name="quality" value="high"><param name="bgcolor" value="#FAFAFA">');
document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">');
document.write('<embed src="flash/show.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#FAFAFA" quality="high" width="'+ focus_width +'" height="'+ focus_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
document.write('</' + 'object' + '>');
OnlyVB
2012-02-15
打赏
举报
回复
var pics='/pictures/slides/1.jpg|/pictures/slides/2.jpg',这样都不显示,看来是你其他的代码有问题,如何分解图片的
三石-gary
2012-02-15
打赏
举报
回复
没见过那种写法。。。路径不外乎就2种。。一种是绝对。。一种是相对。。
zorro911
2012-02-15
打赏
举报
回复
[Quote=引用 1 楼 onlyvb 的回复:]
应该可以,再次确认路径是否错误!
var pics='/pictures/slides/1.jpg|/pictures/slides/2.jpg',先这样试试
[/Quote]
还是不显示,路径没有问题,可以在浏览器里直接打开图片
OnlyVB
2012-02-15
打赏
举报
回复
应该可以,再次确认路径是否错误!
var pics='/pictures/slides/1.jpg|/pictures/slides/2.jpg',先这样试试
HTML 路径详解:
相对路径
与绝对路径
在 HTML 开发中,路径用于指定文件的位置,如
图片
、CSS 文件、JavaScript 文件、超链接等。路径主要分为
相对路径
和 绝对路径,理解它们的区别可以帮助我们正确地引用资源,避免文件无法加载的问题。本文将详细介绍
相对路径
和 绝对路径 的概念、使用方法及常见的应用场景。在 HTML 中,路径用于指定资源文件的位置,比如:路径的核心作用是告诉浏览器如何找到目标文件。路径主要分为两种:绝对路径是从根目录(Root Directory)开始的完整路径。它不依赖于当前文件的位置,始终指向同一个资源。
从新手到专家:掌握VSCode中Markdown
图片
路径的4种高级写法
掌握VSCode Markdown
图片
路径处理技巧,解决
相对路径
混乱难题。涵盖本地笔记、跨平台协作、资源管理等场景,详解4种高效写法,提升文档可移植性与编辑效率。方法实用,值得收藏。
前端小白必看:5分钟掌握
相对路径
核心用法
记住这个口诀:"同级直接点,下级进文件夹,上级两小点"。比如从pages/about.html引用根目录的style.css,路径是"../style.css",相当于说"先退到上一级再找样式文件"。我测试时发现,即使创建了复杂的多级目录结构,也能快速验证所有路径是否正确指向资源文件。比如引用img文件夹
里
的logo.png,路径写成"img/logo.png",就像说"先打开img文件夹再找logo
图片
"。比如当前HTML文件要引用同级的style.css,路径直接写"style.css"。
关于vite build后访问报错:Expected a JavaScript module script but the server responded with a MIME type of “
问题说明 最近刚开始用上vite开发项目,结果就遇到了很多坑。 其中一个是,vite 项目 执行 “vite build” 并部署上线后,在浏览器中访问就会有以下关于路由的奇怪问题: 我们用嵌套路由开发的页面生成的路径,个别菜单在初次加载、或者二次刷新加载时,都会报错如:Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of “text/htm
揭秘VSCode中Markdown
图片
显示异常:90%开发者忽略的3个关键细节
解决VSCode Markdown的
图片
显示异常,掌握3个被忽视的关键细节。涵盖本地路径配置、相对引用规则与预览优化技巧,提升写作效率。适用于笔记整理与文档编写,值得收藏。
JavaScript
87,988
社区成员
224,683
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章