raptus.article.imageslider 0.3

成分

• 图像滑块（文章中包含的图像滑块）（XXX TODO）

• Image Slider Teaser（列上方显示的文章中包含的图像滑块）

配置

配置选项可以在portal_properties/raptus_article中找到

images_imagesliderteaser_width

滑块中显示的图像的最大宽度默认为 5

images_imagesliderteaser_height

滑块中显示的图像的最大高度默认为 0（无限制）

imageslider_teaser_cropwidth/height

使用它来将图像裁剪到一定的宽度或高度

imageslider_teaser_height

滑块的最大高度（仅在 images_imagesliderteaser_height 和cropheight 设置为 0 的情况下使用）

imageslider_teaser_caption（真/假）

在滑块中显示图像的描述

imageslider_teaser_navigation（真/假）

激活导航器插件

imageslider_teaser_link_related（真/假）

如果设置为 True 并且图像具有相关项目，它将链接到第一个相关项目

imageslider_teaser_fadetime

滚动动画的时间（以毫秒为单位）。

imageslider_teaser_halttime

自动滚动之间的时间（以毫秒为单位）。

待办事项

• 本土化

• • 组件的图像

依赖项

• raptus.article.images

plone.abovecontenttitle

• raptus.article.gallery.left

• raptus.article.gallery.right

plone.belowcontentbody

• raptus.article.gallery.columns

0.3 (2014-08-25)

• 可以使用 url 中的哈希移动到特定幻灯片。（例如 plone/article#slide-5）

• 为 plone 添加 z3c.autoinclude 入口点

• 在标题文本中也显示图像标题（可通过imageslider_teaser_title配置）。

• 允许使用 plone.app.imaging 比例而不是 raptus 宽度/高度/裁剪设置（通过images_imagesliderteaser_scale）。

• 通过Javascript调整可滚动的大小来响应布局（想法来自http://cooshtee.com/blog/2013/04/making-jquery-tools-scrollable-responsive/）

  通过 css ( .imageSliderTeaser ) 或使用 images_imagesliderteaser_width属性设置 Teaser 宽度。

• 注册 Javascript，它处理可滚动和事件的注册，以调整其大小以响应。

0.2 (2013-05-08)

• 滑块项目可以使用相关项目链接到其他门户内容（请参阅自述文件中的imageslider_teaser_link_related）

• 也将图像对象传递给页面模板，因此如果需要，自定义版本可以使用 plone.app.imaging 缩放。

• 仅在超过 1 张图片时显示导航

• 错误修复：由于循环实现中的错误，图像重叠。用超时包装初始化解决了这个问题

• 使用 rgb() css 透明度而不是不透明度的更好的图像标题布局（类似于 newsitem_view）

0.1.1 (2012-05-30)

• 修复自动滚动配置（间隔中的拼写错误 阻止设置生效）

0.1 (2012-05-29)

• 初始版本 [fRiSi]