如何在Alfresco WQS网站上创建图库?

时间:2012-05-01 14:37:32

标签: alfresco image-gallery

我正在使用Alfresco Web Quick Start创建一个基本的CMS网站。

我想在我的网站上有一个图片库,我的画廊文件夹中的所有图像都显示为标准图库(即点击以平滑移动到下一个图像,点击图像放大,可能添加评论)。

我目前在网站的图库页面上显示了我的图片,但您必须先点击每个缩略图才能放大并返回主图库页面,然后才能查看其他图片。它功能齐全,但看起来并不好,所以我需要改进它!

我认为这个添加可能是一个可能的解决方案(http://addons.alfresco.com/addons/gallery-plus-dashlet),但它只显示网站仪表板上的图像,但我想拥有我的画廊包含在我网站的“图库”页面中。任何与此有关的协助将不胜感激! :)

2 个答案:

答案 0 :(得分:2)

Here是一个使用WQS构建网站以共享演示文稿的项目。它包含的功能之一是图像的旋转木马。包含的图像是存储在Alfresco仓库中的演示文稿的预览图像。您应该能够使用该组件并执行类似的操作,以在您自己的基于WQS的站点中实现图像库。

答案 1 :(得分:1)

要检查的是您正在使用的Alfresco版本。 DeckShare是围绕Alfresco 3.3设计和构建的(如果我没记错的话)。它很可能无法正常使用较新版本的Alfresco,即4.0,因为核心产品中的某些代码已发生变化。

由于您是Alfresco的新手,最简单的方法是安装较旧版本的Alfresco。如果您更有野心,可以尝试更新DeckShare代码以使用更新版本。

我认为我已经使用Lightbox(而不是SlimBox)完成了类似于你想要的东西。我做了一个关于WQS的简短介绍,其中包括LightBox集成(参见第27页)http://www.tribloom.com/content/tale-two-wqs-implementations-pdf的示例。我相信WQS页面已经包含了slimbox.js,在这种情况下,创建一个组件/ web脚本以显示一个库非常容易(我的名字叫做imagebrowser.get.html.ftl):

...
    <div class="interior-content">
        <#if articles.assets?size == 0>
            ${msg('list.none')}
        <#else>
            <#if subTitle??><h3>${msg(subTitle)}</h3></#if>                
            <ul class="portfolio-wrapper"><#list articles.assets as article><li><a href="<@makeurl asset=article />${linkParam!''}" rel="lightbox-img" title="${article.title!''}"><img src="<@makeurl asset=article rendition='rightColumn'/>" alt="${asset.title!''}" class="img-border" /></a></li></#list>
            </ul>
        </#if>
    </div>
...