1

我们正在创建一个基于 wordpress 的项目，但是我们遇到了一个问题，我们需要添加两个或更多本机 wordpress 画廊（以保持fancybox插件查看）。那么是否有一种插件/方式可以将更多本地画廊添加到一个 wordpress 页面中？

PS：我们尝试了 nextgen，但是大视图打开了 2 次 1time fancybox 1time nextgen gallery ...所以理论上关闭nextgen查看就足够了，但保留nextgen gallery generation 但问题是如何？

PS2：我们找到了一个半解决方案 - 您可以添加两个带有图像 ID 的 [短代码]，例如 http://codex.wordpress.org/Gallery_Shortcode但这样您就可以点击进入所有这些画廊 - 但我们的目标是两次点击仅在每个画廊本身。

4

1 回答 1

0

我找到了它正在编码的解决方案，但只是一点点;-)：

  1. 制作一个特定的 CSS 类，例如 .mySuperGallery01
  2. 在您的页面中，插入画廊简码，例如
    [图库链接=“文件”大小=“中”IDs=“332,330,331”]
    该ID列表是通过媒体上传的图像的ID...

  3. 用你的例如 div 类包装画廊短代码，如下所示：

    <div class="mySuperGallery01">[gallery link="file" size="medium" ids="332,330,331"]</div>

  4. 对于每个短编码画廊，wordpress 将创建一个 ID #gallery-X，其中 X 是您页面上画廊的订单号（#gallery-1、#gallery-2、#gallery-3...）

  5. 现在转到设置 => WP 的 Fancybox => 额外通话
  6. 检查“Additional FancyBox Calls”选项是否被选中（打开）
  7. 通过 jquery 链接到画廊，并将 groupNUMBER 添加到每个链接，但通过将其放入 textarea 中，为每个下一个画廊添加一个不同的 groupNUMBER： 
    $('.smallerGallery01 #gallery-X a').attr('rel','groupNUMBER');
    一个画廊 = 一段这段代码......只需将每个画廊示例的 X 和 NUMBER 更改为相同的值：
    $('.smallerGallery01 #gallery-1 a').attr('rel','group1');
$('.smallerGallery02 #gallery-2 a').attr('rel','group2');
  8. 您需要做的最后一件事是通过将例如此代码插入到 textarea 中来实际“播放”您的类中的 fancybox：
jQuery(".smallerGallery01 a").fancybox({
    “循环”：假，
    '自动缩放'：真，
    “填充”：10，
    “不透明度”：是的，
    'speedIn'：500，
    “速度输出”：500，
    “改变速度”：300，
    'overlayShow'：是的，
    'overlayOpacity': "0.3",
    'overlayColor': "#666666",
    'titleShow'：是的，
    'titlePosition': '里面',
    'enableEscapeButton'：真，
    'showCloseButton'：真，
    'showNavArrows'：是的，
    'hideOnOverlayClick'：是的，
    'hideOnContentClick'：假，
    “宽度”：560，
    “身高”：340，
    'transitionIn': "淡入淡出",
    'transitionOut': "淡入淡出",
    'centerOnScroll'：真

});

9）虚拟条目：当然你必须点击保存更改按钮;-)

注意：我建议您逐步进行，尤其是通过 jQuery 设置

优点：因为你有一个特定的类，你也可以为你的新风格画廊制作特定的风格:)

于 2013-05-31T20:33:17.213 回答