在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

但它们都没有奏效。如何从我的代码中获取图像？

Answer 1

在包含js文件之前，您需要使用基本URL创建一个javascript var，如下所示：

<?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/';