问题描述
我制作了一个正文脚本，通过按下按钮来替换图像。这是 CMS Joomla 中的一篇文章。
我的工作脚本是：
<script type="text/javascript">
function purplewingfoil() {
document.getElementById("wingfoilcolor").src = "http://localhost/Joomlagraf/Astroid-JoomDev/images/menu/produits/wing-foil/wing-foil-colours-choice/wing-ride-colours-purple.png";
}
function yellowwingfoil() {
document.getElementById("wingfoilcolor").src = "http://localhost/Joomlagraf/Astroid-JoomDev/images/menu/produits/wing-foil/wing-foil-colours-choice/wing-ride-colours-yellow.png";
}
我真的很喜欢让那个 url 相对于 Joomla 站点文件夹，比如：
.src = "/images/menu/produits/wing-foil/wing-foil-colours-choice/wing-ride-colours-yellow.png";
我在 Javascript 中绝对是零，我只是通过演绎来编码......
预先感谢您的帮助！
================================================ ======
谢谢，是的，我直接尝试相对路径 —> /images/menu/produits/wing-foil/wing-foil-colours-choice/wing-ride-colours-purple.png
但我最终走错了路——> http://localhost/images/menu/produits/wing-foil/wing-foil-colours-choice/wing-ride-colours-purple.png
我的 Mamp Pro 本地服务器上的真实路径是 —> http://localhost/Joomlagraf/Astroid-JoomDev/images/menu/produits/wing-foil/wing-foil-colours-选择/翼骑颜色紫色.png
这是因为我的本地主机位置有许多站点，并且添加的 Joomlagraf/Astroid-JoomDev 对应于该特定站点所在的文件夹路径。这意味着当网站正确重定向时，它将在实时状态下工作。
找到一种方法使其与相对路径一起工作会很棒-> /images/menu/produits/wing-foil/wing-foil-colours-choice/wing-ride-colours-purple.png本地和现场环境...不确定如何？
解决方法
我找到了两个问题的答案。
1- 在我的本地环境 (MAMP) 中创建虚拟主机 How to create virtual hosts in MAMP? 和 2. 这个可怕的简单解决方案
更改全局 URL —> http://localhost/Joomlagraf/Astroid-JoomDev/images/menu/produits/wing-foil/wing-foil-colours-choice/wing-ride-colours-purple.png 到 ./images/menu/produits/wing-foil/wing-foil-colours-choice/wing-ride-colours-purple.png
点 (.) 表示当前目录