一个简单的 Plone 多媒体 Portlet,着眼于可访问性
项目描述
文档
另一个用于显示图像的 Plone 多媒体/动态 portlet。
为什么你可以想要这个而不是其他?因为它可以在禁用 Javascript 的情况下工作(着眼于Italian Accessibility Act)并且经过测试可以在反向代理后面工作(如 Varnish)。
<图>portlet 在 AUSL 网站上的样子
</figcaption> </figure>如何使用
您必须提供给 portlet 的主要信息是一个 Plone 集合。该集合用于从中检索所有类似图像的内容。您可以自由配置集合以返回其他内容,但仅使用标记为“可图像化”的内容(从技术上讲:它还仅过滤提供IImageContent的内容,例如“图像”和“新闻项目”内容类型已经做)。
来自目标集合的“项目数”字段也被使用,以在 portlet 中仅显示有限数量的图像。
此 Portlet 不直接使用“限制搜索结果”字段,但会更改收集行为。在选中此检查的情况下启用客户端随机功能只会重新排序一组有限的图像。
表现
其他 Javascript-live 多媒体 portlet(除了可访问性)让我们害怕的是对服务器的 AJAX 调用的大量使用。这会导致两个问题:
请求过多(性能低下)
随机功能可能无法与 Plone 前面的缓存一起使用
出于这个原因,这个 portlet 不会每隔xyz秒查询一次服务器,而是简单地从服务器获取所有图像,然后在客户端随机重新加载它们。
如果您不喜欢,可以禁用自动重新加载功能。您仍然在页面加载时设置了随机图像。
翻译
使用客户端重新加载功能时,用户可以(出于可访问性原因)停止并重新启动自动重新加载任务。
Portlet 标题将显示帮助消息。要添加额外的翻译,您不能 更改产品来源。
只需在您的 Javascript 源代码之一中添加类似的内容:
jQuery.auslfe_multimedia = {
i18n: {
xx: {
stopReload: '"Click to stop auto-reload" in xx language',
restartReload: '"Click to restart auto-reload" in xx language'
}
}
};
将上面的xx更改为您的语言的 2 个字母代码并自定义其他字符串。加载的语言取自网站的语言(如有任何问题,请使用英语)。
学分
在Azienda USL Ferrara的支持下开发;Azienda USL Ferrara 支持 PloneGov 倡议。
变更日志
1.0.1 (2014-10-29)
删除了对jq jQuery 别名 [keul]的引用
固定安装步骤:不要尝试重新引入旧的 imagesLoaded 插件 [keul]
固定随机标准,在某些边缘情况下始终显示一张图像 [keul]
1.0.0(未发布)
修复了与新的 Plone 4 合集的兼容性 [andrea]
添加了对collective.js.imagesloaded [andrea]的依赖
添加了卸载步骤 [andrea]
在 portlet 设置中添加了可自定义的重新加载超时 [andrea]
0.2.1 (2010-09-21)
集成imagesLoaded jQuery 插件 [keul]
修复了一个错误(感谢上面的插件):有时图像没有正确“淡入”[keul]
将自定义事件名称更改为“portletRefresh” [keul]
次要可访问性修复:单击 portlet 标题停止/启动客户端图像重新加载,如果启用 [keul]
Plone UI 中的 portlet 标题始终为意大利语:已修复 [keul]
模板修复,现在也可以处理不同的主题(并且行中有两个以上的图像)[keul]
删除了 min-width CSS 样式,将其留给用户 Plone 主题 [keul]
0.2.0 (2010-06-09)
第一次公开发布(在 pypi 上)
在产品中移动了特定于 portlet 的 CSS [keul]
添加了用于客户端随机化的 Javascript(需要使用 Varnish 维护随机图像)[keul]
国际化支持 [keul]
在 portlet 管理中,将 portlet 标题添加到每个 portlet [keul]
添加了客户端随机重新加载的功能 [keul]
0.1.0 (2010-06-09)
初始发行
项目详情
auslfe.portlet.multimedia-1.0.1.zip的哈希值
| 算法 | 哈希摘要 | |
|---|---|---|
| SHA256 | 790dd8f7458160a81ea0a75f28258eaa33a9b9d092b823907620293f8c6696d3 |
|
| MD5 | ace7207482f0bd45243a8df5cc970cca |
|
| 布莱克2-256 | 90c7cd449517fb8ce631afa7004ea9d826f34fa195ebe7dc62cf38ed716bd9d6 |