让Fancybox与Plone的新闻项目图像合作

时间:2013-12-12 22:31:41

标签: javascript jquery fancybox plone

我遇到Plone和Fancybox在新闻条目上播放不好的问题。因此,对于新闻项目,图像直接与内容项一起上传,并存储在http://yoursite.com/the-news-item/image。显示的图像带有/the-news-item/image_view_fullscreen的默认链接。

我让Fancybox处理大多数其他图片很好,但无法让.js使用此图像。我的.js电话看起来像:

<script type="text/javascript">
  $(document).ready(function() {
    /* Simple image gallery. Uses default settings */
    $("a[href$='.jpg'],a[href$='.png'],a[href$='.gif'],a[href$='/image']").attr('rel', 'gallery').fancybox();
  });
</script>

我将默认链接更改为/the-news-item/image。使用此方法,链接仍然只是一个静态链接,可以在新页面中打开图像。

1 个答案:

答案 0 :(得分:1)

如果链接尚未定制,Nachtigall的提案可行。

正如您已将其自定义为'/ image',将其添加到您的href-selector-chain并通过将类'fancybox.image'应用于其中的链接来告诉fancybox它正在处理哪个MIME类型。新闻项目的模板。

引用docs

“脚本使用匹配元素的href或data-fancybox-href属性来获取内容的位置并确定要显示的内容类型。您可以通过添加classname直接指定类型(fancybox.image, fancybox.iframe等)“