添加相对路径 - 不正确

Question

我有图像中显示的目录结构。

如果我在HomePage.ss

中有此代码

<img src="../../images/sprites.jpg" />

为什么这条相对路径不正确？ Failed to load the given url.

Answer 1

Silverstripe使用标记，因此所有相对网址都相对于根网址而非当前网页网址。

接受的答案是链接到主题中的图像的正确方法

Answer 2

根据Silverstripe的文档，您可以使用框架URL访问您的图像：

<img src="$ThemeDir/images/sprites.jpg" alt="">

Answer 3

您需要了解的SilverStripe是它读取您的模板并输出它们。 因此，如果您有网址mysite.com/home，那么该文件就会显示在文件夹/home内，如果您的网址为mysite.com/page/subpage，则该网址会显示为/page/subpage }

这意味着你可以不在模板中使用像“../images/sprites.jpg”这样的相对路径（你可以在css中使用它们）。

正如@Mark已经在评论中提到的那样，使用$ThemeDir m将输出主题文件夹的路径，因此您的图像应如下所示：<img src="$ThemeDir/images/sprites.jpg" />

Answer 4

如果您不知道路径从URL中加载图片，请输入正确的网址...

示例：

img src =“http://www.yourwebsite.com/themes/simple/images/img/sprite.jpg”

右键单击并从浏览器中查看图像位置，然后复制正确的URL。

Answer 5

img src="../../../images/sprites.jpg"

img src="../../../images/**img**/sprites.jpg"