DokuWiki

It's better when it's simple

User Tools

Site Tools


plugin:tcycle

tCycle Plugin

Compatible with DokuWiki

  • 2024-02-06 "Kaos" unknown
  • 2023-04-04 "Jack Jackrum" unknown
  • 2022-07-31 "Igor" unknown
  • 2020-07-29 "Hogfather" yes

plugin A minimalist jQuery slideshow plugin based on Mike Alsup's Javascript-Plugin

Last updated on
2020-05-24
Provides
Syntax
Repository
Source
Conflicts with
header3

Changes

Description

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.

Acknowledgements

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

Installation

Download and extract the tcycle folder into your plugins folder.

Usage

  • 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

Conflicts

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.

plugin/tcycle.txt · Last modified: 2020-06-05 22:59 by trailjeep

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki