JQuery flowpanes with plone4

JQuery scrollable flowpanes with plone4

JQuery has changed the API, that may have caused the flowpanes circular error and the flowplayer to stop functioning after updating from Plone3 to Plone4.

Solution: relates to http://flowplayer.org/tools/release-notes/1.2.0/index.html and look for “Circular Plugin” - The .circular() method has been replaced by a param to the scrollable.

old code:

// old version. separate circular plugin
$(".scrollable").scrollable().circular();

correct code:

// 1.2. circular feature is built-in the tool
$(".scrollable").scrollable({ circular: true });

In Plone4 the "flowtabs.js" file can get changed in the "custom" folder or on the file system, depending on how you work.

The uploaded "flowtabs.js" file should look like this:

// wait until document is fully scriptable
jq(document).ready(function() {
	// select #flowplanes and make it scrollable. use circular and navigator plugins
	jq("#flowpanes").scrollable({size: 1, circular:true}).navigator({  

	// select #flowtabs to be used as navigator
	navi: "#flowtabs",

	// select A tags inside the navigator to work as items (not direct children)
	naviItem: 'a',

	// assign "current" class name for the active A tag inside navigator
	activeClass: 'current'

	});
});

With thanks to Russ Ferriday.