collective.js.cycle2 1.0b2

Installation

To enable this package in a buildout-based installation:

1. Edit your buildout.cfg and add add the following to it:

[buildout]
...
eggs =
    collective.js.cycle2

After updating the configuration you need to run ‘’bin/buildout’’, which will take care of updating your system.

Usage

If your page template inherits from main_template, just include the resources on it by usign the following syntax:

<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>

Alternatively you can add them into your site’s JavaScript Registry directly or by using 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>

Plugins

The package also includes the code for the following plugins:

• Transition

  • Carousel

  • Flip

  • IE-Fade

  • ScrollVert

  • Shuffle

  • Tile

• Functional

  • Caption2

  • Center

  • Swipe

  • YouTube

Check Cycle2 download page for more information.

Usage

To use the utility, you need to add the script in the same way you add Cycle2 resources:

If your page template inherits from main_template, just include the script on it by usign the following syntax:

<metal:block fill-slot="javascript_head_slot">
  <script tal: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"?>
<object name="portal_javascripts">
  <javascript
      cacheable="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() {
  var i, len, ref, slideshow;
  ref = $('.slideshow-container');
  for (i = 0, len = ref.length; i < len; i++) {
    slideshow = ref[i];
    new cycle2SlideShow(slideshow);
  }
});

The script is currently used in sc.photogallery and collective.nitf.

1.0b2 (2016-07-20)

• Fade in slideshows to avoid showing them before Cycle2 is loaded. [rodfersou]

• Add utils.js script; 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.