将灯箱添加到 wordpress

【问题标题】：Adding Lightbox to wordpress将灯箱添加到 wordpress
【发布时间】：2012-09-09 22:41:40
【问题描述】：

我需要将灯箱添加到主题而不是使用插件。我添加了它，一切正常，但由于某种原因 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';

【问题讨论】：

标签： css wordpress lightbox

【解决方案1】：

如果您需要在 lightbox.js 文件中包含完整路径，一种方法是按照此示例进行操作 -> Path to WordPress Template Directory inside jQuery?

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

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

【讨论】：