在 Joomla 组件的代码中，我如何引用兄弟目录中的图像？

Question

我正在开发具有以下基本结构的 Joomla 组件：

/components/com_entertainments/assets/js/gameSetup.js
/components/com_entertainments/assets/images/
                                             1.jpg
                                             2.jpg
                                             etc

我需要参考gameSetup.js中的图片。我尝试了几种不同的相对路径，

images
../images
/components/com_entertainments/assets/images
./components/com_entertainments/assets/images
./../components/com_entertainments/assets/images

但其中 none 有效。如何从我的代码中获取图像？

Answer 1

您需要在包含您的 js 文件之前用基础 url 创建一个 javascript 变量，如下所示：

<?php $baseCompUrl = JURI::root().'components/com_entertainments/'; ?>
<script type="text/javascript">var baseCompUrl="<?php echo $baseCompUrl; ?>"</script>
<script src="<?php echo $baseCompUrl; ?>assets/js/gameSetup.js" type="text/javascript"></script>

现在，在 gameSetup.js 文件中，您可以像这样使用变量 baseCompUrl：

var imagesPath = baseCompUrl+'assets/images/';

在 Joomla 组件的代码中，我如何引用兄弟目录中的图像？

In a Joomla component's code, how do I refer to images in a sibling directory?

jquery

joomla

components

assets

image