css - 将灯箱添加到 wordpress

Question

我需要将灯箱添加到主题而不是使用插件。我添加了它，一切正常，但由于某种原因 close.png 和 loading.gif 图像一直引用 site.com/images/close.png 。我的 lightbox.js 位于主题/mytheme/libs 中，图像位于主题/mytheme/images 中。我已将 lightbox.js 更改为以下内容。

 this.fileLoadingImage = '../images/loading.gif';
  this.fileCloseImage = '../images/close.png';

Answer 1

如果您需要在您的 lightbox.js 文件中包含完整路径，一种方法是遵循此示例 -> jQuery 中 WordPress 模板目录的路径？

在包含 lightbox.js 之前，您可以在 header.php 中将变量的值设置为 Wordpress 模板目录，然后使用该变量生成绝对路径；

 <script type="text/javascript">
     var templateDir = "<?php bloginfo('template_directory') ?>";
 </script>