0

我有个问题。我想在 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 没有插件

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

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

谢谢。

4

2 回答 2

0

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

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

$(".group_name").colorbox({rel:"group_name", transition:"elastic", maxWidth:"80%", maxHeight:"80%", slideshow:"true"});
于 2013-03-17T06:39:34.153 回答
0

谢谢你的帮助，罗伯特，

我当然不是很好，因为我尝试了你的方法，但我不能来工作。

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

        <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 后版中，我放了这个：

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

我也试过这个：

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

但什么都没有。问题是一样的。没有分页。我真的很绝望:-)

[编辑]：如果我理解它不适用于 [画廊]。

和

<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 ...
于 2013-03-17T07:53:15.047 回答