更新:现在灯箱和easybox都在为wordpress画廊工作,问题是链接指的是图片附件页面,而不是图片本身。现在我已经解决了它,easybox和lightbox都正常工作。 问题:仍然无法让swipebox和prettyphoto工作。我不知道在哪里放置激活脚本。 $(' .swipebox&#39)。swipebox();真的很感谢你的帮助。
我正在尝试为wordpress主题库安装jquery灯箱。我尝试了Lightbox2,easybox,swipebox,我按照相应网站上提到的步骤进行了操作。我包括了所有的js和css文件。将所需的代码放在各处 - 在每种情况下都有所不同,具体取决于使用的插件和提供的说明。例如,在swipebox的情况下:
$(".gallery a").each(function () {$(this).attr("class", "swipebox");});
$(".swipebox").swipebox();
(我已经尝试在已经包含的js文件中添加此代码,或者单独作为标题中的脚本添加,或者在页脚中,即使包含所有swipebox文件也没有任何反应)
Lightbox2的问题 - 显示叠加但图像未加载到灯箱叠加层中,只是等待加载数小时。点击图库中的任何图片,都需要永远加载。
所有其他 - 点击的图库项目在另一个页面中打开,好像灯箱插件不存在,即使我可以在inspect element-> sources窗口中看到所有js和css文件都正确包含。 我更喜欢使用swipebox或easybox,所以请帮忙!
更新 我也试过了prettyPhoto。这就是我继续前进的方式(我在所有其他插件中也做过类似的事情):
包含插件文件的代码在单独的php文件中如下所示:
<?php
function gs_lightbox(){ if(!is_admin()){ wp_register_script(&#39; lightbox&#39;,get_template_directory_uri()。&#39; /prephotophoto/js/jquery.prettyPhoto.js' ;, array(&#39; jquery&#39;));
wp_enqueue_script( 'lightbox' );
wp_enqueue_style( 'lightboxcss', get_template_directory_uri() . '/prettyphoto/css/prettyPhoto.css' );
}
} add_action(&#39; wp_footer&#39;,&#39; gs_lightbox&#39;);?&gt;
在我的functions.php中,我调用此文件,因此在检查Inspect Element-&gt; Source时包含所有文件。
//Include Lightbox
include_once(TEMPLATEPATH。&#39; /prettyPhoto/includept.php');
在我的js脚本文件中,我添加此代码以激活插件:
$(".gallery a").each(function () {
$(this).attr("rel", "prettyPhoto");
});
所有标签都添加了rel属性:
这不应该吗?但它不是,当我点击图库时,它仍然会在新页面打开...我不知道这里出了什么问题,请帮助!