• Original author: Reinhard Käferböck rfk [at] kaeferboeck [dot] tk
• Original version tCycle • Demo

• use dw ml() function (2020-06-29 19:12)
• fix caching issue by calling _getImages fr/render w/cache off (2020-05-26 20:19)
• re-enable use curr namespace off by default for backward compat (2020-05-26 15:45)
• remove autodetect ns feature must specify manually? (2020-05-25 16:47)
• turn off caching for renderer (2020-05-25 15:22)

This is a wrapper over the Javascript-Library tCycle created by Mike Alsup (@malsup).

See jquery.malsup.com for full details about the javascript-plugin.

The essential work was already done by Mike Alsup – thanks for that.

Download and extract the tcycle folder into your plugins folder.

• All setting defaults can be changed in the configuration manager
• Retrieve images from current or specified namespace while still allowing Manually specified images (default: 0=off for backward compatibility)
• Specify width and height of the container to be used as a centered bounding box (default: 600px X 400px)
• Add metadata to images (title for all, caption for JPG) (default: 1=true)
• Add CSS object-fit property (one of: fill, contain ,cover, scale-down, none) (default: contain)

<tcycle width=600px height=400px data-speed=500 data-fx=scroll data-timeout=4000 metadata=1 fit=contain namespace=pets:buddy>
{{:image1.jpg|}}
{{:image2.jpg|}}
{{:image3.jpg|}}
...
</tcycle>

Or, for all defaults as set in config manager with no additional images:

<tcycle></tcycle>

Replace data-speed and data-timeout values with time given in milliseconds

Conflict with header3 because of its renderer include br-tags between pairs of a-tags and tCycle try to switch css display:none/block on them, so an animation mesmerize.