Question

我有问题。我想将colorbox效果集成到wordpress主题上，但没有插件。所以我有这个：

<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/colorbox.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js"></script>

和此：

<script src="<?php echo get_template_directory_uri();  ?>/js/jquery.colorbox.js"> </script>
<script>
    jQuery(document).ready(function(){
$("a[href$='.jpg'],a[href$='.png'],a[href$='.gif']").colorbox({transition:"elastic", maxWidth:"80%", maxHeight:"80%", slideshow:"true"});
});

因此，单一图像可以正常工作。它们在彩盒窗口中打开。但对于画廊，什么都没有。所以，我添加

link="file"

在图库短信中，例如：

[gallery ids="54,53,58,59,66" link="file"]

这样，画廊的图像在彩盒中打开，很好。但问题是每个图像都像单个图像一样打开，没有分页（没有下一个图像和上一个图像）

我正在本地测试该网站，所以我无法为您提供链接。 Wordpress 3.5.1 没有插件

我不知道如何解决这个问题。

如果有人知道问题出在哪里，那就太棒了。

感谢。

Answer 1

您应该为图像添加一个组类，以便将它们链接在一起。

在此示例中，“group_name”将成为每个图像的类的一部分。而不是使用图像类型我使用相同的类来调用颜色框

$(".group_name").colorbox({rel:"group_name", transition:"elastic", maxWidth:"80%", maxHeight:"80%", slideshow:"true"});

Answer 2

感谢您的帮助，Robert，

我当然不是很好，因为我尝试了你的方法而且我无法到达这个目的。

所以，我添加你的代码，所以现在我有了这个：

        <script src="<?php echo get_template_directory_uri(); ?>/js/jquery.colorbox.js"></script>
    <script>
    jQuery(document).ready(function(){
$("a[href$='.jpg'],a[href$='.png'],a[href$='.gif']").colorbox({transition:"elastic", maxWidth:"80%", maxHeight:"80%", });
$(".group_name").colorbox({rel:"group_name", transition:"elastic", maxWidth:"80%", maxHeight:"80%", slideshow:"true"});
});
    </script>

（我也试过这个）：

$("a.group_name").colorbox({rel:"grou.....

在html post edition中，我把它放在了：

[gallery ids="54,53,58,59,66" class="group_name"]

我也尝试了这个：

[gallery ids="54,53,58,59,66" link="file" class="group_name"]

但没有。问题是一样的。没有分页。我真的没希望了： - ）

[edit]：如果我理解它与[gallery]不兼容。

用

<a href="http://localhost/.../......jpg" rel="group_name"><img   src="http://localhost/.../....jpg" width="150" height="100" /></a>
<a href="http://localhost/.../......jpg" rel="group_name"><img   src="http://localhost/.../....jpg" width="150" height="100" /></a>

工作正常，谢谢。

但不容易。是否可以在带有类的WP 3.5.1画廊上自动使用彩色框，例如

[gallery ...

Colorbox没有插件和wordpress 3.5.1画廊

2 个答案: