wordpress gallery:有没有一种方法/插件可以在一个页面中允许两个或更多本地画廊?

时间:2013-05-31 18:01:31

标签: wordpress wordpress-plugin gallery nextgen-gallery

我们正在创建一个基于wordpress的项目,但我们遇到了一个需要添加两个或更多原生wordpress画廊的问题(以保持 fancybox 插件的查看)。那么有一个插件/方式如何在一个wordpress页面中添加更多原生画廊?

PS:我们尝试了 nextgen ,但是大视图一次打开2次 fancybox 1次 nextgen gallery ...所以理论上它会请关闭 nextgen 查看,但保留 nextgen gallery 代,但问题是如何?

PS2:我们找到了一个半解决方案 - 您可以添加两个[短代码]图像ID http://codex.wordpress.org/Gallery_Shortcode但是通过这种方式,您可以点击所有这些图库 - 但我们的目标是仅在每个图库中单击两次。

1 个答案:

答案 0 :(得分:0)

我找到了它编码的解决方案,但只是一点点;-):

  1. 制作一个特定的CSS类,例如.mySuperGallery01
  2. 进入您的网页,插入图库短代码,例如
    [gallery link="file" size="medium" ids="332,330,331"]
    ids列表是通过媒体上传的图片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. 现在转到settings => WP的Fancybox =>额外通话
  6. 检查“附加FancyBox呼叫”选项是否已选中(已启用)
  7. 通过jquery链接到图库,并为每个链接添加一个groupNUMBER,但是将每个链接添加到另一个图库中,将其放入textarea:
    $('.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:
  9. jQuery(".smallerGallery01 a").fancybox({
        'cyclic': false,
        'autoScale': true,
        'padding': 10,
        'opacity': true,
        'speedIn': 500,
        'speedOut': 500,
        'changeSpeed': 300,
        'overlayShow': true,
        'overlayOpacity': "0.3",
        'overlayColor': "#666666",
        'titleShow': true,
        'titlePosition': 'inside',
        'enableEscapeButton': true,
        'showCloseButton': true,
        'showNavArrows': true,
        'hideOnOverlayClick': true,
        'hideOnContentClick': false,
        'width': 560,
        'height': 340,
        'transitionIn': "fade",
        'transitionOut': "fade",
        'centerOnScroll': true
    
    }); 
    

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

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

    ADVANTAGE:由于你有一个特定的课程,你也可以为你的新式画廊制作特定的风格:)