raptus.article.imageslider 0.3

组件

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

• 图像滑动器预告（显示在列上方的文章中包含的图像滑动器）

配置

配置选项可在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 (True/False)

显示滑动器中图像的描述

imageslider_teaser_navigation (True/False)

激活navigator插件

imageslider_teaser_link_related (True/False)

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

imageslider_teaser_fadetime

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

imageslider_teaser_halttime

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

TODOS

• 本地化

• • 组件图像

依赖关系

• 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属性设置预告宽度。

• 注册JavaScript，用于处理可滚动元素的注册和调整大小的事件，以实现响应式。

0.2 (2013-05-08)

• 滑块项目可以通过相关项目链接到其他门户内容（请参阅README中的imageslider_teaser_link_related）

• 将图片对象传递给页面模板，以便自定义版本可以使用plone.app.imaging scales。

• 只有当有超过1张图片时才显示导航

• 错误修复：由于环形实现中的错误，图片重叠。通过使用超时包装初始化修复了问题

• 使用rgb() CSS透明度而不是不透明度改进了图片标题的布局（类似于newsitem_view）

0.1.1 (2012-05-30)

• 修复自动滚动配置（interval中的错误阻止了设置生效）

0.1 (2012-05-29)

• 初始版本[fRiSi]