该产品将允许您将easyslider应用到任何页面,并能够使用WYSIWYG编辑器创建每个幻灯片。它还提供了文件夹和集合的滑块视图。
项目描述
简介
此产品允许您使用WYSIWYG编辑器设计每个幻灯片,轻松地将easySlider内容轮播器添加到plone网站的任何页面。
如何使用
在页面中,点击操作 -> 添加滑块。它应带您到一个滑块设置页面,您可以在其中修改滑块的各个方面,并使用WYSWGY编辑器添加/删除幻灯片。请注意,幻灯片是固定宽度的,因此您需要指定您想要的尺寸。然后,您就可以开始添加幻灯片了。为此,只需在页面底部附近点击“添加新幻灯片”。一旦您完成添加幻灯片和重新排序幻灯片,点击“保存”,您现在应该在您的页面上看到滑块。
您还可以为文件夹和收藏夹内容类型选择滑动视图。然后该页面的滑动设置将包括限制幻灯片数量和限制幻灯片类型的设置。
示例
这是在野外使用此功能的示例。
安装
将collective.easyslider添加到您的eggs和zcml部分
重新运行buildout
像安装任何其他Plone产品一样安装产品
卸载
正常卸载
在zmi中转到portal_setup,点击“导入”选项卡,选择“collective.easyslider卸载”,然后点击底部的“导入所有步骤”按钮以执行清理。
简单模板集成
如果您想向幻灯片中添加动态内容,请将collective.easytemplate添加到buildout的eggs部分,重新运行buildout并重新启动您的安装。然后在滑动设置中确保您已启用简单模板。
您还可以在简单模板中渲染滑动器。语法是
{{ slider(“../front-page”) }}
对于滑动视图
{{ sliderview(“../a-collection”) }}
在模板中渲染滑动器
如果您想对如何显示有更多控制,也可以轻松地在页面模板中渲染您的滑动器
<tal:slider tal:content=”structure context/../front-page/@@slider_util/render_inline” />
对于滑动视图
<tal:slider tal:content=”structure context/../front-page/@@slider_util/render_sliderview_inline” />
致谢和贡献
对于这个产品的灵感、样式和洞察力的很大一部分归功于Espen Moe-Nilssen
变更日志
1.4.1 (2014-01-13)
为幻灯片叠加添加悬停选项 [vangheem]
1.4.0 (2014-01-12)
能够显示用于自由形式幻灯片创建的叠加HTML [vangheem]
添加了隐藏标题和描述的设置 [espenmn]
添加了设置(仅项目符号) [espenmn]
提高可访问性使用带有alt的图像而不是CSS背景图像 [smoussiaux]
1.3.7 (2013-05-06)
遗漏了收藏夹修复 [vangheem]
1.3.6 (2013-05-06)
修复了新的样式收藏夹查询 [ableeb]
对Plone 4.3的小修复 [espenmn]
1.3.5 (2013-03-05)
修复了升级步骤 [vangheem]
1.3.4 (2013-02-25)
修复了损坏的先前版本 [vangheem]
1.3.3 (2013-02-25)
能够升级以使用新的收藏夹类型 [vangheem]
修复了如果不存在新收藏夹类型则无法安装的情况 [vangheem]
1.3.2 (2013-02-06)
如果上下文不可匿名,则查看父对象。这将修复plone.app.event子事件中断的问题。 [vangheem]
1.3.1 (2013-02-05)
修复了如果未安装plone.app.collection则导入失败的问题 [vangheem]
1.3.0 (2013-02-02)
支持具有滑动视图的新样式收藏夹 [ableeb]
1.2.0 (2013-01-16)
与Anysurfer XXX HTML标记保持一致,因此请升级时测试任何样式自定义。 [smoussiaux]
1.1.1 (2012-10-20)
添加zcml包含以修复某些Plone 4.2设置中的启动问题。 [zopyx]
1.1 (2012-09-19)
添加全局配置 [zombified]
1.0 (2012-04-25)
允许滑动视图的原生缩放 [vangheem]
添加悬停暂停选项 [espen]]
0.8.1b1 (2012-02-16)
添加随机化功能 [vangheem]
允许拖放重新排序幻灯片 [vangheem]
0.8.0b2 (2012-02-15)
确保拥有站点管理员角色的用户可以在Plone 4.1+下编辑滑动器设置。 [davidjb]
修复了Plone 3下的失败测试 [davidjb]
移除了IE6中的导航项目符号的底部边框。 [davidjb]
在新导航项目符号布局中,允许活动导航项目符号在幻灯片转换时更改。 [davidjb]
添加了一个带有项目符号的新布局 [espenmn]
确保滑动器JS只选择li元素是幻灯片。这修复了当列表在幻灯片中时,过渡问题。 [davidjb]
修复了IE 5/6显示问题,滑动容器显示溢出。 [davidjb]
如果用户的尝试移动/删除幻灯片失败,则返回错误。这防止了不必要的客户端到重载幻灯片的AJAX调用。 [davidjb]
防止在尝试将幻灯片向下移动,而该幻灯片已经在底部时发生索引越界错误。[davidjb]
简化设置页面的CSS,因为现有的滑动器样式现在适用。[davidjb]
更改滑动器设置页面,确保使用实际滑动器结构模拟,li 滑动元素被正确地包裹在 ul 中。这通过确保页面生成有效的列表标记来修复了IE 6和7下的设置页面问题。[davidjb]
添加滑动器和滑动器容器的CSS类选择器,而不仅仅是基于ID的选择器。这允许在同一页面上有多个滑动器结构(例如,设置页面)。滑动器显示模板继续使用基于ID的结构。[davidjb]
使用特定的类样式在滑动器设置页面上的 li 元素,以避免影响幻灯片内的列表。[davidjb]
确保幻灯片内的 ul 元素默认不应用样式。[davidjb]
0.8.0b1 ~ 2011-11-20
向滑动器添加“交叉淡入淡出”效果。此选项使用交叉淡入淡出效果在幻灯片之间过渡,这与标准淡入淡出效果不同,标准淡入淡出效果在淡入下一个幻灯片之前先淡出上一个幻灯片。如果需要自定义z-index,请自定义相关CSS。[davidjb]
防止大箭头按钮有底部边框。这防止了与Plone 4.1+默认Sunburst主题的冲突。[davidjb]
0.7.4 ~ 2011-10-05
添加门户转换,将resolveuid/uid链接转换为路径链接。[thor27]
0.7.3 ~ 2011-10-05
添加js事件。[vangheem]
处理没有UID的对象(Plone站点根)。[vangheem]
0.7.2 ~ 2011-7-28
最终发布版本 [vangheem]
0.7.2a1 ~ 2011-7-22
对跳过的幻灯片的过渡进行更多修复,使其看起来更流畅。[vangheem]
通过配置允许用户交互后重新启动滑动器的播放。[vangheem]
0.7.1a2 ~ 2011-7-21
修复了自动过渡和跳过导航按钮的编号。[vangheem]
0.7.1a1 ~ 2011-7-19
连续滑动现在不再有“回放”效果。[vangheem]
允许自定义导航按钮显示的数字。[vangheem]
在过渡上实现锁定行为,以帮助保持过渡和按钮点击更加可控。[vangheem]
0.7.0a1 ~ 2011-7-17
添加不同奇偶幻灯片的过渡和暂停速度的能力。[vangheem]
0.6.2rc1 ~ 2011-7-8
从plone.app.imaging设置中检索图像大小。[espen]
0.6.2b1 ~ 2011-7-7
使滑动器能够在同一页面上使用多个。[vangheem]
0.6.1 ~ 2011-7-6
从根目录引用CSS和JS。[vangheem]
0.6.0 ~ 2011-7-6
修复测试基础。[toutpt]
添加法语翻译并改进本地化。[toutpt]
实现将滑动器视图渲染为内联和with easytemplate的能力。[vangheem]
0.5.4 ~ 2011-2-20
修复了使用淡入效果时自动过渡不会关闭的问题。修复了http://plone.org/products/collective.easyslider/issues/18 [vangheem]
修复了滑动器视图只显示最后一张幻灯片的问题。修复了http://plone.org/products/collective.easyslider/issues/16 [vangheem]
提供选择用于图像和新闻项目集合滑动器视图的图像缩放能力。实现了http://plone.org/products/collective.easyslider/issues/2 [vangheem]
0.5.3 ~ 2011-2-14
在卸载方法中,检查它们是否没有重新安装产品。否则,它将清除所有滑动器。[vangheem]
0.5.2 ~ 2011-1-8
添加旧风格的卸载方法,以便自动调用卸载配置文件。[vangheem]
0.5.1 ~ 2011-1-7
修复了滑动器视图中的css_slot。关闭了http://plone.org/products/collective.easyslider/issues/11 [vangheem]
0.5.0 ~ 2011年1月7日
修复了一些设置无法使用的问题 [vangheem]
增加了在页面模板或Easy Template中内联渲染滑块的功能。请参阅文档。[vangheem]
0.4.1 ~ 2011年1月7日
修复了在Plone 4中无法自定义滑块且不出现错误的问题 [vangheem]
0.4.0 ~ 2011年1月6日
添加了与collective.easytemplate的集成。现在您可以在滑块设置中启用动态内容,轻松地在幻灯片中创建。
0.3.2 ~ 2010年8月28日
修复了Plone 4的兼容性问题,并进行了界面修复 http://plone.org/products/collective.easyslider/issues/9
不再在js中设置宽度和高度修复 http://plone.org/products/collective.easyslider/issues/7
0.3.1 ~ 2010年5月14日
由于用户可能会滥用此功能,因此不再使用SESSION来存储索引... [vangheem]
0.3 ~ 2010年5月13日
从升级步骤中移除getSite调用,因为它根本不需要。 [vangheem]
现在通过遍历一个临时对象来打开编辑幻灯片的功能不再通过光箱进行,现在可以与任何编辑器(TinyMCE)一起工作修复 http://plone.org/products/collective.easyslider/issues/1 [vangheem]
0.3rc4 ~ 2010年4月4日
修复了由于默认值被更改而导致注释设置从之前的幻灯片获取的问题。修复 http://plone.org/products/collective.easyslider/issues/4 [vangheem]
在样式标签中添加了type=’text/css’ [vangheem]
0.3rc3 ~ 2010年4月16日
由于它会影响实时搜索,因此将slide-over类的z-index设置为1。修复 http://plone.org/products/collective.easyslider/issues/3 [vangheem]
为导航按钮添加了暂停/播放按钮功能。[vangheem]
添加了淡入淡出导航功能 [vangheem]
0.3rc2
添加了不同的幻灯片效果
删除了Zope2风格的安装和卸载
添加了滑块小部件
为导航类型添加了无按钮选项
0.3rc1
为导航类型添加了小按钮选项
0.3b4
修复了如果内容项的获取链中包含滑块页面,则会抛出错误的问题。
0.3b3.1
对卸载问题进行了快速修复...应该更好地测试它!
0.3b3
修复了图像的链接问题
0.3b2
对“转到”按钮的实现进行了一些修复。
添加了居中属性
现在可以选择显示大左右按钮或“转到”按钮。
0.3b1.1
迁移到easySlider 1.5
添加了自动、暂停和连续选项
将sliderview添加到文件夹和集合类型
为滑块添加了“转到”按钮和选项
0.2b1
更好的测试支持
更好的设置页面设计
更改了一些描述
重新组织了一些代码
确认删除幻灯片
0.2a1
一切准备就绪
没有广泛的浏览器测试
还没有进行代码测试
项目详情
collective.easyslider-1.4.1.zip的哈希值
算法 | 哈希摘要 | |
---|---|---|
SHA256 | 10da72ecab38c27f50ae51716ad842cd1df38e60b6e648f972b4faa712de6a58 |
|
MD5 | 7b827c29390e6fa8edcfec27911a5f99 |
|
BLAKE2b-256 | 1969332de86130078fa13946a18a9bac4bde37d398709d6c4b7b7c7a1bd836d1 |