在门户中显示图片库

Question

我正在使用Liferay门户网站，并希望在其上显示图片，门户网站有图片库，但它太混乱了，我只想要简单的类似于Coverflow的显示 - 顶部的大图片加上缩略图或下一个/上一个按钮。

有没有办法在javascript中实现它，只假设我有一个图像列表？

Answer 1

有很多javascript库可以实现这一点，我想到的是Colorbox。

一些注意事项：

如果要在Image Gallery内置portlet中显示图像，那么您需要一个钩子来修改liferay的代码（对于图像库显示portlet）并包含您自己的javascript来执行此操作。

否则

您也可以自己创建一个插件portlet，并使用Liferay的Image Gallery API来获取图像并使用自定义JavaScript库显示它们。这种方法的优点是你可以更自由地展示你想要展示的内容以及你想要展示的内容，而且你不必在内置的portlet中处理整个liferay jsp代码。

注意：从 Liferay 6.1 开始，没有单独的图片库portlet，而是将其合并为一个Documents & Media portlet，它有两个不同的显示portlet： Document Library Display portlet和Media display portlet。

希望这有帮助。

Answer 2

您可以找到一个default web content hook，它将在全局范围（Carousel）中提供结构和模板（Web内容管理的元素）。通过这些，您可以创建引用图像和建议大小的文章。模板将处理渲染的其余部分。

如果它不符合您的需求，您可以将其作为起点。至少这是将图像选择与演示文稿分开的好方法。