Package: collective.js.cycle2
Table of ContentsLife, the Universe, and EverythingMostly HarmlessDon’t PanicInstallationUsagePluginsUtilityUsageNot entirely unlikeShare and EnjoyChangelog1.0b2 (2016-07-20)1.0b1 (2015-05-27)1.0a1 (2014-10-20)Life, the Universe, and EverythingCycle2is a versatile slideshow plugin for jQuery built around ease-of-use.
It supports a declarative initialization style that allows full customization without any scripting.
Simply include the plugin, declare your markup, and Cycle2 does the rest.This package adds a browser resource to use Cycle2 and its plugins on a Plone site.Mostly HarmlessGot an idea? Found a bug? Let us know byopening a support ticket.Don’t PanicInstallationTo enable this package in a buildout-based installation:Edit your buildout.cfg and add add the following to it:[buildout]...eggs=collective.js.cycle2After updating the configuration you need to run ‘’bin/buildout’’, which will take care of updating your system.UsageIf your page template inherits frommain_template,
just include the resources on it by usign the following syntax:<metal:blockfill-slot="javascript_head_slot"><scripttal:attributes="src string:$portal_url/++resource++collective.js.cycle2/jquery.cycle2.min.js"></script></metal:block>Alternatively you can add them into your site’s JavaScript Registry directly or by using GenericSetup:<?xml version="1.0"?><objectname="portal_javascripts"><javascriptcacheable="True"compression="none"cookable="True"enabled="True"id="++resource++collective.js.cycle2/jquery.cycle2.min.js"/></object>PluginsThe package also includes the code for the following plugins:TransitionCarouselFlipIE-FadeScrollVertShuffleTileFunctionalCaption2CenterSwipeYouTubeCheck Cycle2download pagefor more information.UtilityTheutils.jsscript has an utility that:fix the player size according with the width of the container and the aspect ratiovertically center imagessync the player, description and thumbnails when click in other picture or next/prev buttonsUsageTo use the utility, you need to add the script in the same way you add Cycle2 resources:If your page template inherits frommain_template,
just include the script on it by usign the following syntax:<metal:blockfill-slot="javascript_head_slot"><scripttal:attributes="src string:$portal_url/++resource++collective.js.cycle2/utils.min.js"></script></metal:block>Alternatively you can add it directly into your site’s JavaScript Registry or by using GenericSetup:<?xml version="1.0"?><objectname="portal_javascripts"><javascriptcacheable="True"compression="none"cookable="True"enabled="True"id="++resource++collective.js.cycle2/utils.min.js"/></object>And in your script you should call the utility object passing the gallery element:$(window).load(function(){vari,len,ref,slideshow;ref=$('.slideshow-container');for(i=0,len=ref.length;i<len;i++){slideshow=ref[i];newcycle2SlideShow(slideshow);}});The script is currently used insc.photogalleryandcollective.nitf.Not entirely unlikecollective.js.galleriaGalleria is a JavaScript image gallery framework built on top of the jQuery library.
The aim is to simplify the process of creating professional image galleries for the web and mobile devices.Share and Enjoycollective.js.cycle2would not have been possible without the contribution of the following people:Héctor VelardeRodrigo Ferreira de SouzaMike Alsup (Cycle2)You can find an updated list of package contributors onGitHub.Development sponsored bySimples Consultoria.ChangelogThere’s a frood who really knows where his towel is.1.0b2 (2016-07-20)Fade in slideshows to avoid showing them before Cycle2 is loaded.
[rodfersou]Addutils.jsscript;
this script can be used by third party add-ons to easily create responsive slideshows.
[rodfersou]1.0b1 (2015-05-27)Remove browser layer and JS resource registry registrations.
Include all Cycle2 and plugins code as browser resources (closes#1).
[rodfersou]1.0a1 (2014-10-20)Initial release.