Plone中Cycle2 jQuery插件的集成。
项目描述
生活，宇宙和一切
Cycle2 是一个基于易用性构建的jQuery多功能幻灯片插件。它支持声明性初始化样式，允许在不使用任何脚本的情况下进行完全自定义。只需包含插件，声明您的标记，Cycle2就会完成剩下的工作。
此软件包向Plone站点添加了一个浏览器资源，用于使用Cycle2及其插件。
大部分无害
有想法吗？发现了错误吗？请通过提交支持工单来告诉我们。
不要慌张
安装
要在一个基于buildout的安装中启用此包
编辑你的buildout.cfg并在其中添加以下内容
[buildout]
...
eggs =
collective.js.cycle2在更新配置后，你需要运行‘’bin/buildout’’，这将负责更新你的系统。
用法
如果你的页面模板继承自main_template，只需使用以下语法在该模板上包含资源
<metal:block fill-slot="javascript_head_slot">
<script tal:attributes="src string:$portal_url/++resource++collective.js.cycle2/jquery.cycle2.min.js"></script>
</metal:block>或者，你可以直接将它们添加到网站的JavaScript注册表中，或者使用GenericSetup
<?xml version="1.0"?>
<object name="portal_javascripts">
<javascript
cacheable="True" compression="none" cookable="True" enabled="True"
id="++resource++collective.js.cycle2/jquery.cycle2.min.js" />
</object>插件
该包还包括以下插件的代码
- 过渡
轮播
翻转
IE-淡入
垂直滚动
洗牌
瓦片
- 功能
标题2
居中
滑动
YouTube
查看Cycle2 下载页面获取更多信息。
实用程序
utils.js脚本包含一个实用工具，
根据容器宽度和宽高比调整播放器大小
垂直居中图片
当点击其他图片或下一页/上一页按钮时同步播放器、描述和缩略图
用法
要使用此实用工具，你需要以添加Cycle2资源相同的方式添加脚本
如果你的页面模板继承自main_template，只需使用以下语法在该模板上包含脚本
<metal:block fill-slot="javascript_head_slot">
<script tal:attributes="src string:$portal_url/++resource++collective.js.cycle2/utils.min.js"></script>
</metal:block>或者，你可以直接将其添加到网站的JavaScript注册表中，或者使用GenericSetup
<?xml version="1.0"?>
<object name="portal_javascripts">
<javascript
cacheable="True" compression="none" cookable="True" enabled="True"
id="++resource++collective.js.cycle2/utils.min.js" />
</object>在你的脚本中，你应该通过传递画廊元素来调用实用工具对象
$(window).load(function() {
var i, len, ref, slideshow;
ref = $('.slideshow-container');
for (i = 0, len = ref.length; i < len; i++) {
slideshow = ref[i];
new cycle2SlideShow(slideshow);
}
});该脚本目前在sc.photogallery和collective.nitf中使用。
并非完全不同
- collective.js.galleria
Galleria是一个基于jQuery库构建的JavaScript图像画廊框架。目标是简化创建专业图像画廊的过程，用于网页和移动设备。
变更日志
有一个家伙真的知道他的毛巾在哪里。
1.0b2 (2016-07-20)
为了防止在Cycle2加载之前显示幻灯片，请使用淡入效果。[rodfersou]
添加了utils.js脚本；此脚本可以被第三方插件轻松用于创建响应式幻灯片。[rodfersou]
1.0b1 (2015-05-27)
删除浏览器层和JS资源注册表注册。将所有Cycle2和插件代码作为浏览器资源包含（解决#1）。[rodfersou]
1.0a1 (2014-10-20)
初始发布。
