DEPRECATION WARNING

This documentation is not using the current rendering mechanism and will be deleted by December 31st, 2020. The extension maintainer should switch to the new system. Details on how to use the rendering mechanism can be found here.

EXT: Image Cycle

Created:2010-02-18T17:33:18
Changed:2016-05-03T09:19:15.900000000
Classification:imagecycle
Keywords:header, slideshow, frontend, caption, href, jquery cycle
Author:Juergen Furrer
Email:juergen.furrer.gmail.com
Info 4:
Language:en

img-1 img-2 EXT: Image Cycle - imagecycle

EXT: Image Cycle

Extension Key: imagecycle

Language: en

Keywords: header, slideshow, frontend, caption, href, jquery cycle

Copyright 2000-2010, Juergen Furrer, <juergen.furrer.gmail.com>

jQuery Cycle © 2007-2008 M. Alsup http://malsup.com/jquery/cycle/

jQuery Coin-Slider © 2010 I. Lazarevic http://workshop.rs/projects /coin-slider/

jQuery Nivo-Slider © 2011 Gilbert Pellegrom http://www.opensource.org/licenses/mit-license.php

jQuery Cross-Slider © 2007-2010 by Tobia Conforto tobia.conforto@gmail.com

jQuery Slice-Box © 2011 by Pedro Botelho http://www.codrops.com

This document is published under the Open Content License

available from http://www.opencontent.org/opl.shtml

The content of this document is related to TYPO3

- a GNU/GPL CMS/Framework available from www.typo3.org

Table of Contents

EXT: Image Cycle 1

`Introduction 3 <#__RefHeading__1304_1237667527>`_

What does it do? 3

Screenshots 3

`Users manual 4 <#__RefHeading__1310_1237667527>`_

Add image to head slideshow 4

Add page content “Image-Cycle” 5

Add “Image-Cycle” to content images 6

Add “Image-Cycle” to tt_news 7

DAM support 8

`Administration 9 <#__RefHeading__1320_1237667527>`_

Extension configuration 9

Page configuration 9

Updater 10

`Configuration 11 <#__RefHeading__1322_1237667527>`_

Reference Image-Cycle 11

Reference Coin-Slider 13

Reference Nivo-Slider 14

Reference Cross-Slider 15

Reference Slice-Box 17

FAQ 19

Special options 20

`Known problems 21 <#__RefHeading__1330_1237667527>`_

`To-Do list 22 <#__RefHeading__1332_1237667527>`_

`ChangeLog 23 <#__RefHeading__1334_1237667527>`_

Introduction

What does it do?

This Extension will implements jQuery Cycle an Coin-Slider to a site marker or subpart and gives you a new frontend plugin to create a content with a image cylce or a Coin-Slider.

Users manual

Add image to head slideshow

Go to Web → Page

Choose the page where you want to add images

Click “Edit page properties”

Go to the tab “Extended”

Insert images to the field “Image cycle”

Define the weblinks in “Image links” (one link per line)

Define the caption in “Image Caption” (one caption per line)

Change the “Effect”

img-8

All other information's (animation, transition etc.) comes from constants.

Add page content “Image-Cycle”

Go to Web → Page

Choose the page to add the new Image cycle

Add new content

Choose Plugin → “Image cycle”

Go to tab “Plugin”

Insert images to the field “Slide Images”

Define the weblinks in “Images links” (one link per line)

Define the caption in “Image Captions” (one caption per line)

Configure the Image cycle presentation in tab “Setting”

Configure the Image cycle effects in tab “Movement”

Use special options for your Image cycle in “Special”

img-9 img-10 img-11 img-12

Add “Image-Cycle” to content images

To add this, you have to modify the tt_content.image.20 in your setup. Please see the example in static/setup.txt

Go to Web → Page

Edit the content with the images

Go to tab “Media”

Enable the “Activate Image Cycle”

Choose a “Duration in ms”

Change the image width and height if you like

Add caption for the images into “Alternative Text” (one caption per line)

img-13

All other information's (animation, transition etc.) comes from constants.

Add “Image-Cycle” to tt_news

To add this effect to a news entry, you have to activate the Image- Cycle for every item individually.

Go to Page → List

Go to the SysFolder where you store your news item

Edit the item you want to extend with Image-Cycle

Go to tab “Media”

Enable the “Image-Cycle - Activate”

Choose a “Image-Cycle – Duration in ms”

Insert captions to the “Caption”

img-14

All other information's (position, options etc.) comes from the setup.

DAM support

If DAM is installed on your system, you can choose some other “modes”:

img-15

In “DAM”-mode you can choose single medias from DAM:

img-16

In “DAM category”-mode you can choose DAM categories:

img-17

To add links to the media, go to your Media > File and edit the media:

img-18

Go to “Custom”-tab and add the link:

img-19

Administration

For administration, you can allow / disallow the following Allowed exclude fields for user:

  • Page: Images Cycle Mode (DAM)
  • Page: Images in DAM (dam)
  • Page: Images from DAM category (dam_catedit)
  • Page: Images from Upload
  • Page: Image Links
  • Page: Image Caption
  • Page: Effect
  • Page: Stop Recursions (Reset)
  • Pagecontent: Activate Image cycle
  • Pagecontent: Duration in ms

Extension configuration

You are able to change the following options in configuration:

effects

Property

effects

Data type

string

Description

Defines all available effects

Default

, none, blindX, blindY, blindZ, cover, curtainX, curtainY, fade, fadeZoom, growX, growY, scrollUp, scrollDown, scrollLeft, scrollRight, scrollHorz, scrollVert, shuffle, slideX, slideY, toss, turnUp, turnDown, turnLeft, turnRight, uncover, wipe, zoom, all

effectsCoin

Property

effectsCoin

Data type

string

Description

Defines all available effects for Coin-Slider

Default

, random, swirl, rain, straight

effectsNivo

Property

effectsNivo

Data type

string

Description

Defines all available effects for Nivo-Slider

Default

, random, sliceDown, sliceDownLeft, sliceUp, sliceUpLeft, sliceUpDown, sliceUpDownLeft, fold, fade, slideInRight, slideInLeft

nivoThemeFolder

Property

nivoThemeFolder

Data type

string

Description

Location of the Nivo-Slider theme folder

Default

EXT:imagecylce/res/css/nivoslider/

useSelectInsteadCheckbox

Property

useSelectInsteadCheckbox

Data type

boolean

Description

If set, most of checkboxes will turn into selectboxes, so you can choose "from TS"

Default

0

allowedDbTypesForCaption

Property

allowedDbTypesForCaption

Data type

string

Description

Sets the allowed DB-Types for "Upload with data" (tt_content,fe_users,tt_news)

Default

Page configuration

Your able to configure the available styles by pageTS.

mod.imagecycle {
  effects = none,blindX,blindY
  eccectsCoin = rain,swirl
}

In this case in the backend are only these three effects available:

img-20

((generated))
Be aware:

All values defined in plugin-configuration will be available, you can only choose theme in pageTS.

For example:

you define this value in plugin-configuration “none,blindX,blindY” and you choose this value in pageTS “none,blindX, cover ” the option just show the values “none,blindX”

Updater

If you update from prior versions, you should go to the updater of this plugin to prevent problems.

After installing the extension, choose “UPDATE!” from the dropdown or use the link in the updater message box.

img-21

You will get a list of jobs to be done.

img-22

Please read the warning carefully!

To do the update of a job, you have to click the “DO IT” button.

img-23

Configuration

To install the extension add the static “Image Cycle”, “Coin-Slider”, “Nivo-Slider” and “Cross-Slider” to your Template.

img-24

If you use this in tt_news you have to add the static “Image-Cycle for tt_news – Cycle” or “Image-Cycle for tt_news - Nivo”.

If you like to use this effect in Text/wImage you have to add the static “Image-Cycle for tt_content”.

You are able to define the settings just once per template in constant editor.

If you use DAM, you have to install the DAM before this extension, except the custom DAM field will not be shown!

The “Image Cycle”-static is always used for imagecycle. You have to load it before all other imagecycle-statics!

Reference Image-Cycle

plugin.tx_imagecycle_pi1

linkTarget

Property

linkTarget

Data type

string

Description

The target where internal links will be opened

Default

_self

extlinkTarget

Property

extlinkTarget

Data type

string

Description

The target where external links will be opened

Default

_new

random

Property

random

Data type

boolean

Description

Show the images random

Default

0

stopOnMousover

Property

stopOnMousover

Data type

boolean

Description

Stop the slideshow when mouse over

Default

0

stopAfterOneCycle

Property

stopAfterOneCycle

Data type

boolean

Description

Stop the slideshow if all images was shown

Default

0

pausedBegin

Property

pausedBegin

Data type

boolean

Description

If set, the slide will be paused at beginning

Default

0

disableRecursion

Property

disableRecursion

Data type

boolean

Description

Disable the root line fetching if there are no images

Default

0

jQueryNoConflict

Property

jQueryNoConflict

Data type

boolean

Description

Use the noConflict mode

Default

1

jsInFooter

Property

jsInFooter

Data type

boolean

Description

If set, the Javascript will be rendered in Footer

Default

0

jsMinify

Property

jsMinify

Data type

boolean

Description

If set, the Javascript will be minified

Default

0

jsInline

Property

jsInline

Data type

boolean

Description

If set, the Javascript will be inserted into the inlineJS, after this, its possible to put it into external files (config.removeDefaultJS = external)

Default

0

cssMinify

Property

cssMinify

Data type

boolean

Description

If set, the CSS will be minified

Default

0

fixSlowConnection

Property

fixSlowConnection

Data type

boolean

Description

If internet connection is very slow, you can force window.load

This could generate other errors in case of some CSS rules, so be warned!

Default

0

jQueryLibrary

Property

jQueryLibrary

Data type

file

Description

Location of the jQuery Lib, if empty or file does not exist, the script will not be included

Default

EXT:imagecycle/res/jquery/js/jquery-1.7.2.min.js

jQueryEasing

Property

jQueryEasing

Data type

file

Description

Location of the jQuery Easing, if empty or file does not exist, the script will not be included

Default

EXT:imagecycle/res/jquery/js/jquery.easing-1.3.js

jQueryCycle

Property

jQueryCycle

Data type

file

Description

Location of the jQuery Cycle, if empty or file does not exist, the script will not be included

Default

EXT:imagecycle/res/jquery/js/jquery.cycle.all-2.9999.5.min.js

templateFileJS

Property

templateFileJS

Data type

file

Description

Location of the used template for JS

Default

EXT:imagecycle/res/tx_imagecycle.js

cssFile

Property

cssFile

Data type

file

Description

The path to the stylesheet file

Default

EXT:imagecycle/res/css/style.css

imagewidth

Property

imagewidth

Data type

integer

Description

The width of the image

Default

200c

imageheight

Property

imageheight

Data type

integer

Description

The height of the image

Default

200c

onlyFirstImage

Property

onlyFirstImage

Data type

boolean

Description

Use only one image, just cycle the hrefs and captions

Default

0

type

Property

type

Data type

string

Description

Possible values are none, blindX, blindY, blindZ, cover, curtainX, curtainY, fade, fadeZoom, growX, growY, scrollUp, scrollDown, scrollLeft, scrollRight, scrollHorz, scrollVert, shuffle, slideX, slideY, toss, turnUp, turnDown, turnLeft, turnRight, uncover, wipe, zoom, all (seperat by comma if multiple)

Default

fade

transition

Property

transition

Data type

string

Description

Effect of transition (swing, linear, Quad, Cubic, Quart, Quint, Expo, Circ, Sine, Back, Bounce, Elastic)

Default

Back

transitionDir

Property

transitionDir

Data type

string

Description

Direction of transition (In, Out, InOut)

Default

InOut

transitionDuration

Property

transitionDuration

Data type

integer

Description

The duration of the transition in milliseconds

Default

displayDuration

Property

displayDuration

Data type

integer

Description

The display duration of the image in milliseconds

Default

delayDuration

Property

delayDuration

Data type

integer

Description

The delay duration for animation begin in milliseconds

Default

fastOnEvent

Property

fastOnEvent

Data type

integer

Description

Speed of transitions when triggered manually in milliseconds

Default

sync

Property

sync

Data type

boolean

Description

Animates in and out simultaneously

Default

1

showControl

Property

showControl

Data type

boolean

Description

If set, the control panel will be displayed

Default

0

showPager

Property

showPager

Data type

boolean

Description

If set, the pager will be displayed

Default

0

options

Property

options

Data type

string

Description

Enter own options (see http://malsup.com/jquery/cycle/)

Default

optionsOverride

Property

optionsOverride

Data type

boolean

Description

Define if the options defined above will override all other options or append to theme

Default

0

showcaption

Property

showcaption

Data type

boolean

Description

If set, the captions will be displayed

Default

1

captionAnimate

Property

captionAnimate

Data type

boolean

Description

If set, the caption will be animated

Default

1

captionTypeOpacity

Property

captionTypeOpacity

Data type

boolean

Description

If set, the opacity of the caption will be animated

Default

1

captionTypeHeight

Property

captionTypeHeight

Data type

boolean

Description

If set, the height of the caption will be animated

Default

0

captionTypeWidth

Property

captionTypeWidth

Data type

boolean

Description

If set, the width of the caption will be animated

Default

0

captionSync

Property

captionSync

Data type

boolean

Description

If set, the caption will be displayed synchron to the image

Default

0

captionTransition

Property

captionTransition

Data type

string

Description

Effect of transition (swing, linear, Quad, Cubic, Quart, Quint, Expo, Circ, Sine, Back, Bounce, Elastic)

Default

swing

captionTransitionDir

Property

captionTransitionDir

Data type

string

Description

Direction of transition (In, Out, InOut)

Default

captionSpeed

Property

captionSpeed

Data type

integer

Description

Set the speed of the animation in millisecounds

Default

200

damCaptionFields

Property

damCaptionFields

Data type

string

Description

Comma separated string with tx_dam fields for caption fields.

You can use these fields in damCaptionObject by “registry:dam_[field]”

Default

caption,description,title

damCaptionObject

Property

damCaptionObject

Data type

cObject

Description

This cObject defines the caption in dam-mode

Default

damHrefFields

Property

damHrefFields

Data type

string

Description

Comma separated string with tx_dam fields for href fields.

The first field with a value will be taken.

Default

tx_jfdam_link

integerWidthWrap

Property

integerWidthWrap

Data type

stdWrap

Description

Wrap if the value for imagewidth is numeric

integerWidthWrap.wrap = |c-50

Default

wrap = |

integerHeightWrap

Property

integerHeightWrap

Data type

stdWrap

Description

Wrap if the value for imageheight is numeric

integerHeightWrap.wrap = |c-50

Default

wrap = |

cycle.normal.image

Property

cycle.normal.image

Data type

IMAGE

Description

Defines the image for normal view

imageHrefWrap defines the alternative link if defined in “hrefs”

Default

cycle.normal.pager

Property

cycle.normal.pager

Data type

cObject

Description

Defines the pager item. The href should have the attribute rev=”{register:IMAGE_NUM_CURRENT }” defined

Default

cycle.normal.pagerWrap

Property

cycle.normal.pagerWrap

Data type

stdWrap

Description

stdWrap for all items in the pager

Default

cycle.normal.stdWrap

Property

cycle.normal.stdWrap

Data type

stdWrap

Description

stdWrap for all images in slideshow

Default

cycle.normal.captionWrap

Property

cycle.normal.captionWrap

Data type

stdWrap

Description

stdWrap for the caption

Default

cycle.normal.captionTag

Property

cycle.normal.captionTag

Data type

stdWrap

Description

Defines the used tag around the captions

Default

div

cycle.normal.itemWrap

Property

cycle.normal.itemWrap

Data type

stdWrap

Description

stdWrap for all items (image and caption)

Default

cycle.normal.noscriptWrap

Property

cycle.normal.noscriptWrap

Data type

stdWrap

Description

This stdWrap will be set to the first image for a noscript image

Default

cycle.header.*

Property

cycle.header.*

Data type

Description

The same as cycle.normal.* but for header slide

Default

cycle.content.*

Property

cycle.content.*

Data type

Description

The same as cycle.normal.* but for content images

Default

cycle.ttnews.*

Property

cycle.ttnews.*

Data type

Description

The same as cycle.normal.* but for ttnews

Default

dataConf.*.image

Property

dataConf.*.image

Data type

cObject

Description

Defines the image url of the table render (Upload with data)

Default

dataConf.*.href

Property

dataConf.*.href

Data type

cObject

Description

Defines the href of the table render (Upload with data)

Default

dataConf.*.caption

Property

dataConf.*.caption

Data type

cObject

Description

Defines the caption of the special table render (Upload with data)

Default

[tsref:(cObject).plugin.tx_imagecycle_pi1]

Reference Coin-Slider

plugin.tx_imagecycle_pi2

linkTarget

Property

linkTarget

Data type

string

Description

The target where internal links will be opened

Default

_self

extlinkTarget

Property

extlinkTarget

Data type

string

Description

The target where external links will be opened

Default

_new

jQueryNoConflict

Property

jQueryNoConflict

Data type

boolean

Description

Use the noConflict mode

Default

1

jsInFooter

Property

jsInFooter

Data type

boolean

Description

If set, the Javascript will be rendered in Footer

Default

0

jsMinify

Property

jsMinify

Data type

boolean

Description

If set, the Javascript will be minified

Default

0

jsInline

Property

jsInline

Data type

boolean

Description

If set, the Javascript will be inserted into the inlineJS, after this, its possible to put it into external files (config.removeDefaultJS = external)

Default

0

cssMinify

Property

cssMinify

Data type

boolean

Description

If set, the CSS will be minified

Default

0

disableRecursion

Property

disableRecursion

Data type

boolean

Description

Disable the root line fetching if there are no images

Default

0

jQueryLibrary

Property

jQueryLibrary

Data type

file

Description

Location of the jQuery Lib, if empty or file does not exist, the script will not be included

Default

EXT:imagecycle/res/jquery/js/jquery-1.7.2.min.js

jQueryCoin

Property

jQueryCoin

Data type

file

Description

Location of the jQuery Coin-Slider, if empty or file does not exist, the script will not be included

Default

EXT:imagecycle/res/jquery/js/jquery.coinslider-1.0.min.js

templateFileJS

Property

templateFileJS

Data type

file

Description

Location of the used template for JS

Default

EXT:imagecycle/res/tx_imagecycle.js

coinEffect

Property

coinEffect

Data type

string

Description

This will set the default effect for Coin-Slider

Default

rain

imagewidth

Property

imagewidth

Data type

integer

Description

The width of the image

Default

200c

imageheight

Property

imageheight

Data type

integer

Description

The height of the image

Default

200c

onlyFirstImage

Property

onlyFirstImage

Data type

boolean

Description

Use only one image, just cycle the hrefs and captions

Default

0

coinSpw

Property

coinSpw

Data type

integer

Description

Squares per width

Default

5

coinSph

Property

coinSph

Data type

integer

Description

Squares per height

Default

5

coinDelay

Property

coinDelay

Data type

integer

Description

Delay between images in ms

Default

3000

coinSDelay

Property

coinSDelay

Data type

integer

Description

Delay between squares in ms

Default

30

coinOpacity

Property

coinOpacity

Data type

string

Description

Opacity of title and navigation

Default

0.7

coinTitleSpeed

Property

coinTitleSpeed

Data type

integer

Description

Speed of title appearance in ms

Default

500

coinNavigation

Property

coinNavigation

Data type

boolean

Description

Show the prev, next and buttons

Default

1

coinHoverPause

Property

coinHoverPause

Data type

boolean

Description

Slide will stop on mouseover

Default

1

options

Property

options

Data type

string

Description

Enter own options (see http://workshop.rs/projects/coin-slider/)

Default

optionsOverride

Property

optionsOverride

Data type

boolean

Description

Define if the options defined above will override all other options or append to theme

Default

0

integerWidthWrap

Property

integerWidthWrap

Data type

stdWrap

Description

Wrap if the value for imagewidth is numeric

integerWidthWrap.wrap = |c-50

Default

wrap = |

integerHeightWrap

Property

integerHeightWrap

Data type

stdWrap

Description

Wrap if the value for imageheight is numeric

integerHeightWrap.wrap = |c-50

Default

wrap = |

damCaptionFields

Property

damCaptionFields

Data type

string

Description

Comma separated string with tx_dam fields for caption fields.

You can use these fields in damCaptionObject by “registry:dam_[field]”

Default

caption,description,title

damCaptionObject

Property

damCaptionObject

Data type

cObject

Description

This cObject defines the caption in dam-mode

Default

damHrefFields

Property

damHrefFields

Data type

string

Description

Comma separated string with tx_dam fields for href fields.

The first field with a value will be taken.

Default

tx_jfdam_link

coin.normal.image

Property

coin.normal.image

Data type

IMAGE

Description

Defines the image for normal view

imageHrefWrap defines the alternative link if defined in “hrefs”

Default

coin.normal.imageWrap

Property

coin.normal.imageWrap

Data type

stdWrap

Description

stdWrap around the image, is used to define the caption

Default

coin.normal.stdWrap

Property

coin.normal.stdWrap

Data type

stdWrap

Description

stdWrap for all images in slideshow

Default

coin.normal.noscriptWrap

Property

coin.normal.noscriptWrap

Data type

stdWrap

Description

This stdWrap will be set to the first image for a noscript image

Default

coin.header.*

Property

coin.header.*

Data type

Description

The same as coin.normal.* but for header slide

Default

coin.content.*

Property

coin.content.*

Data type

Description

The same as coin.normal.* but for content images

Default

coin.ttnews.*

Property

coin.ttnews.*

Data type

Description

The same as coin.normal.* but for ttnews

Default

dataConf.*.image

Property

dataConf.*.image

Data type

cObject

Description

Defines the image url of the table render (Upload with data)

Default

dataConf.*.href

Property

dataConf.*.href

Data type

cObject

Description

Defines the href of the table render (Upload with data)

Default

dataConf.*.caption

Property

dataConf.*.caption

Data type

cObject

Description

Defines the caption of the special table render (Upload with data)

Default

[tsref:(cObject).plugin.tx_imagecycle_pi2]

Reference Nivo-Slider

plugin.tx_imagecycle_pi3

linkTarget

Property

linkTarget

Data type

string

Description

The target where internal links will be opened

Default

_self

extlinkTarget

Property

extlinkTarget

Data type

string

Description

The target where external links will be opened

Default

_new

jQueryNoConflict

Property

jQueryNoConflict

Data type

boolean

Description

Use the noConflict mode

Default

1

jsInFooter

Property

jsInFooter

Data type

boolean

Description

If set, the Javascript will be rendered in Footer

Default

0

jsMinify

Property

jsMinify

Data type

boolean

Description

If set, the Javascript will be minified

Default

0

jsInline

Property

jsInline

Data type

boolean

Description

If set, the Javascript will be inserted into the inlineJS, after this, its possible to put it into externel files (config.removeDefaultJS = external)

Default

0

cssMinify

Property

cssMinify

Data type

boolean

Description

If set, the CSS will be minified

Default

0

disableRecursion

Property

disableRecursion

Data type

boolean

Description

Disable the root line fetching if there are no images

Default

0

jQueryLibrary

Property

jQueryLibrary

Data type

file

Description

Location of the jQuery Lib, if empty or file does not exist, the script will not be included

Default

EXT:imagecycle/res/jquery/js/jquery-1.7.2.min.js

jQueryNivo

Property

jQueryNivo

Data type

file

Description

Location of the jQuery Nivo-Slider, if empty or file does not exist, the script will not be included

Default

EXT:imagecycle/res/jquery/js/jquery.nivoslider-2.7.1.min.js

cssFileNivo

Property

cssFileNivo

Data type

file

Description

The path to the stylesheet file if empty or file does not exist, the script will not be included

Default

EXT:imagecycle/res/css/nivoslider/style.css

templateFileJS

Property

templateFileJS

Data type

file

Description

Location of the used template for JS

Default

EXT:imagecycle/res/tx_imagecycle.js

nivoEffect

Property

nivoEffect

Data type

string

Description

This will set the default effect for Nivo-Slider

Default

random

nivoTheme

Property

nivoTheme

Data type

string

Description

Set the default theme to use

Default

default

imagewidth

Property

imagewidth

Data type

integer

Description

The width of the image

Default

400c

imageheight

Property

imageheight

Data type

integer

Description

The height of the image

Default

300c

onlyFirstImage

Property

onlyFirstImage

Data type

boolean

Description

Use only one image, just cycle the hrefs and captions

Default

0

thumbwidth

Property

thumbwidth

Data type

integer

Description

The width of the thumbs

Default

60c

thumbheight

Property

thumbheight

Data type

integer

Description

The height of the thumbs

Default

60c

nivoSlices

Property

nivoSlices

Data type

integer

Description

Count of slices

Default

15

nivoBoxCols

Property

nivoBoxCols

Data type

integer

Description

Count of box cols

Default

8

nivoBoxRows

Property

nivoBoxRows

Data type

integer

Description

Count of box rows

Default

4

nivoAnimSpeed

Property

nivoAnimSpeed

Data type

integer

Description

Speed of the animation in ms

Default

500

nivoPauseTime

Property

nivoPauseTime

Data type

integer

Description

Delay in ms

Default

3000

nivoStartSlide

Property

nivoStartSlide

Data type

integer

Description

Set starting Slide (0 index)

Default

0

nivoStartRandom

Property

nivoStartRandom

Data type

boolean

Description

If set, the first image will be shown randomly

Default

0

nivoDirectionNav

Property

nivoDirectionNav

Data type

boolean

Description

Show Next & Prev navigation

Default

1

nivoDirectionNavHide

Property

nivoDirectionNavHide

Data type

boolean

Description

Show navigation on mouseover

Default

1

nivoControlNav

Property

nivoControlNav

Data type

boolean

Description

Show control (1,2,3,...)

Default

0

nivoControlNavThumbs

Property

nivoControlNavThumbs

Data type

boolean

Description

Show the thumbnail control

Default

0

nivoKeyboardNav

Property

nivoKeyboardNav

Data type

boolean

Description

Use left & right arrows for navigation

Default

1

nivoPauseOnHover

Property

nivoPauseOnHover

Data type

boolean

Description

Stop animation while hovering

Default

0

nivoManualAdvance

Property

nivoManualAdvance

Data type

boolean

Description

Force manual transitions

Default

0

nivoResponsive

Property

nivoResponsive

Data type

boolean

Description

Responsive: The slider will use 100% of the with

Default

0

nivoCaptionOpacity

Property

nivoCaptionOpacity

Data type

string

Description

Universal caption opacity

Default

0.8

options

Property

options

Data type

string

Description

Enter own options (see http://nivo.dev7studios.com/#usage)

Default

optionsOverride

Property

optionsOverride

Data type

boolean

Description

Define if the options defined above will override all other options or append to theme

Default

0

damCaptionFields

Property

damCaptionFields

Data type

string

Description

Comma separated string with tx_dam fields for caption fields.

You can use these fields in damCaptionObject by “registry:dam_[field]”

Default

caption,description,title

damCaptionObject

Property

damCaptionObject

Data type

cObject

Description

This cObject defines the caption in dam-mode

Default

damHrefFields

Property

damHrefFields

Data type

string

Description

Comma separated string with tx_dam fields for href fields.

The first field with a value will be taken.

Default

tx_jfdam_link

integerWidthWrap

Property

integerWidthWrap

Data type

stdWrap

Description

Wrap if the value for imagewidth is numeric

integerWidthWrap.wrap = |c-50

Default

wrap = |

integerHeightWrap

Property

integerHeightWrap

Data type

stdWrap

Description

Wrap if the value for imageheight is numeric

integerHeightWrap.wrap = |c-50

Default

wrap = |

nivo.normal.image

Property

nivo.normal.image

Data type

IMAGE

Description

Defines the image for normal view

imageHrefWrap defines the alternative link if defined in “hrefs”

Default

nivo.normal.captionWrap

Property

nivo.normal.captionWrap

Data type

stdWrap

Description

stdWrap for captions in slideshow

Default

nivo.normal.stdWrap

Property

nivo.normal.stdWrap

Data type

stdWrap

Description

stdWrap for all images in slideshow

Default

nivo.normal.noscriptWrap

Property

nivo.normal.noscriptWrap

Data type

stdWrap

Description

This stdWrap will be set to the first image for a noscript image

Default

nivo.header.*

Property

nivo.header.*

Data type

Description

The same as nivo.normal.* but for header slide

Default

nivo.content.*

Property

nivo.content.*

Data type

Description

The same as nivo.normal.* but for content images

Default

nivo.ttnews.*

Property

nivo.ttnews.*

Data type

Description

The same as nivo.normal.* but for ttnews

Default

dataConf.*.image

Property

dataConf.*.image

Data type

cObject

Description

Defines the image url of the table render (Upload with data)

Default

dataConf.*.href

Property

dataConf.*.href

Data type

cObject

Description

Defines the href of the table render (Upload with data)

Default

dataConf.*.caption

Property

dataConf.*.caption

Data type

cObject

Description

Defines the caption of the special table render (Upload with data)

Default

[tsref:(cObject).plugin.tx_imagecycle_pi3]

Reference Cross-Slider

plugin.tx_imagecycle_pi4

linkTarget

Property

linkTarget

Data type

string

Description

The target where internal links will be opened

Default

_self

extlinkTarget

Property

extlinkTarget

Data type

string

Description

The target where external links will be opened

Default

_new

jQueryNoConflict

Property

jQueryNoConflict

Data type

boolean

Description

Use the noConflict mode

Default

1

jsInFooter

Property

jsInFooter

Data type

boolean

Description

If set, the Javascript will be rendered in Footer

Default

0

jsMinify

Property

jsMinify

Data type

boolean

Description

If set, the Javascript will be minified

Default

0

jsInline

Property

jsInline

Data type

boolean

Description

If set, the Javascript will be inserted into the inlineJS, after this, its possible to put it into externel files (config.removeDefaultJS = external)

Default

0

cssMinify

Property

cssMinify

Data type

boolean

Description

If set, the CSS will be minified

Default

0

disableRecursion

Property

disableRecursion

Data type

boolean

Description

Disable the root line fetching if there are no images

Default

0

jQueryLibrary

Property

jQueryLibrary

Data type

file

Description

Location of the jQuery Lib, if empty or file does not exist, the script will not be included

Default

EXT:imagecycle/res/jquery/js/jquery-1.7.2.min.js

jQueryEasing

Property

jQueryEasing

Data type

file

Description

Location of the jQuery Easing, if empty or file does not exist, the script will not be included

Default

EXT:imagecycle/res/jquery/js/jquery.easing-1.3.js

jQueryCross

Property

jQueryCross

Data type

file

Description

Location of the jQuery Cross-Slider, if empty or file does not exist, the script will not be included

Default

EXT:imagecycle/res/jquery/js/jquery.crossslide-0.6.2.min.js

templateFileJS

Property

templateFileJS

Data type

file

Description

Location of the used template for JS

Default

EXT:imagecycle/res/tx_imagecycle.js

imagewidth

Property

imagewidth

Data type

integer

Description

The width of the image

Default

400c

imageheight

Property

imageheight

Data type

integer

Description

The height of the image

Default

300c

onlyFirstImage

Property

onlyFirstImage

Data type

boolean

Description

Use only one image, just cycle the hrefs and captions

Default

0

crossTransition

Property

crossTransition

Data type

string

Description

Effect of transition (swing, linear, Quad, Cubic, Quart, Quint, Expo, Circ, Sine, Back, Bounce, Elastic)

Default

crossTransitionDir

Property

crossTransitionDir

Data type

string

Description

Direction of transition (In, Out, InOut)

Default

crossTime

Property

crossTime

Data type

integer

Description

The duration of the transition in milliseconds

Default

3000

crossFade

Property

crossFade

Data type

integer

Description

The duration of the fade in milliseconds

Default

1000

crossVariant

Property

crossVariant

Data type

boolean

Description

If, set, the pad will stop while fade

Default

0

crossFromTo

Property

crossFromTo

Data type

string

Description

Defines the used effects for every slide, these effect will loop during the animation, the pipe defines the delemiter between “from” and “to”-effect

100% 80% 1x   | 100% 0% 1.7x
top left      | bottom right 1.5x
100% 80% 1.5x | 80% 0% 1.1x
100% 50%      | 30% 50% 1.5x

Default

options

Property

options

Data type

string

Description

Enter own options (see http://tobia.github.com/CrossSlide/)

Default

optionsOverride

Property

optionsOverride

Data type

boolean

Description

Define if the options defined above will override all other options or append to theme

Default

0

damCaptionFields

Property

damCaptionFields

Data type

string

Description

Comma separated string with tx_dam fields for caption fields.

You can use these fields in damCaptionObject by “registry:dam_[field]”

Default

caption,description,title

damCaptionObject

Property

damCaptionObject

Data type

cObject

Description

This cObject defines the caption in dam-mode

Default

damHrefFields

Property

damHrefFields

Data type

string

Description

Comma separated string with tx_dam fields for href fields.

The first field with a value will be taken.

Default

tx_jfdam_link

integerWidthWrap

Property

integerWidthWrap

Data type

stdWrap

Description

Wrap if the value for imagewidth is numeric

integerWidthWrap.wrap = |c-50

Default

wrap = |

integerHeightWrap

Property

integerHeightWrap

Data type

stdWrap

Description

Wrap if the value for imageheight is numeric

integerHeightWrap.wrap = |c-50

Default

wrap = |

cross.normal.image

Property

cross.normal.image

Data type

IMAGE

Description

Defines the image for normal view

Default

cross.normal.stdWrap

Property

cross.normal.stdWrap

Data type

stdWrap

Description

stdWrap for all images in slideshow

Default

cross.normal.noscriptWrap

Property

cross.normal.noscriptWrap

Data type

stdWrap

Description

This stdWrap will be set to the first image for a noscript image

Default

cross.header.*

Property

cross.header.*

Data type

Description

The same as cross.normal.* but for header slide

Default

cross.content.*

Property

cross.content.*

Data type

Description

The same as cross.normal.* but for content images

Default

cross.ttnews.*

Property

cross.ttnews.*

Data type

Description

The same as cross.normal.* but for ttnews

Default

dataConf.*.image

Property

dataConf.*.image

Data type

cObject

Description

Defines the image url of the table render (Upload with data)

Default

dataConf.*.href

Property

dataConf.*.href

Data type

cObject

Description

Defines the href of the table render (Upload with data)

Default

dataConf.*.caption

Property

dataConf.*.caption

Data type

cObject

Description

Defines the caption of the special table render (Upload with data)

Default

[tsref:(cObject).plugin.tx_imagecycle_pi4]

Reference Slice-Box

plugin.tx_imagecycle_pi5

linkTarget

Property

linkTarget

Data type

string

Description

The target where internal links will be opened

Default

_self

extlinkTarget

Property

extlinkTarget

Data type

string

Description

The target where external links will be opened

Default

_new

jQueryNoConflict

Property

jQueryNoConflict

Data type

boolean

Description

Use the noConflict mode

Default

1

jsInFooter

Property

jsInFooter

Data type

boolean

Description

If set, the Javascript will be rendered in Footer

Default

0

jsMinify

Property

jsMinify

Data type

boolean

Description

If set, the Javascript will be minified

Default

0

jsInline

Property

jsInline

Data type

boolean

Description

If set, the Javascript will be inserted into the inlineJS, after this, its possible to put it into externel files (config.removeDefaultJS = external)

Default

0

cssMinify

Property

cssMinify

Data type

boolean

Description

If set, the CSS will be minified

Default

0

disableRecursion

Property

disableRecursion

Data type

boolean

Description

Disable the root line fetching if there are no images

Default

0

jQueryLibrary

Property

jQueryLibrary

Data type

file

Description

Location of the jQuery Lib, if empty or file does not exist, the script will not be included

Default

EXT:imagecycle/res/jquery/js/jquery-1.7.2.min.js

jQueryEasing

Property

jQueryEasing

Data type

file

Description

Location of the jQuery Easing, if empty or file does not exist, the script will not be included

Default

EXT:imagecycle/res/jquery/js/jquery.easing-1.3.js

jQuerySlice

Property

jQuerySlice

Data type

file

Description

Location of the jQuery Nivo-Slider, if empty or file does not exist, the script will not be included

Default

EXT:imagecycle/res/jquery/js/jquery.slicebox-1.0b.min.js

modernizer

Property

modernizer

Data type

file

Description

Location of the Modernizr, if empty or file does not exist, the script will not be included

Default

EXT:imagecycle/res/jquery/js/modernizr.custom.28481.js

cssFileSlice

Property

cssFileSlice

Data type

file

Description

The path to the stylesheet file, if empty or file does not exist, the script will not be included

Default

EXT:imagecycle/res/css/slicebox/style.css

templateFileJS

Property

templateFileJS

Data type

file

Description

Location of the used template for JS

Default

EXT:imagecycle/res/tx_imagecycle.js

imagewidth

Property

imagewidth

Data type

integer

Description

The width of the image

Default

400c

imageheight

Property

imageheight

Data type

integer

Description

The height of the image

Default

250c

sliceColorHiddenSides

Property

sliceColorHiddenSides

Data type

string

Description

Color of the hidden sides

Default

#222

sliceShowInfo

Property

sliceShowInfo

Data type

boolean

Description

If true the info will be shown automatically

Default

0

sliceOrientation

Property

sliceOrientation

Data type

string

Description

Orientation of the slices

Default

v

slicePerspective

Property

slicePerspective

Data type

integer

Description

-webkit-perspective value

Default

1200

sliceSlicesCount

Property

sliceSlicesCount

Data type

integer

Description

Needs to be an odd number between 1 and 15 (if you want the limit higher, change the _validate function)

Default

1

sliceDisperseFactor

Property

sliceDisperseFactor

Data type

integer

Description

Each slice will move x pixels left / top (depending on orientation). The middle slice doesn't move. The middle slice's neighbors will move disperseFactor pixels

Default

0

sliceSequentialRotation

Property

sliceSequentialRotation

Data type

integer

Description

The animation will start from left to right. The left most slice will be the first one to rotate

Default

0

sliceSequentialFactor

Property

sliceSequentialFactor

Data type

integer

Description

If sequentialRotation is true this will be the interval between each rotation in ms

Default

0

sliceSpeed3d

Property

sliceSpeed3d

Data type

integer

Description

Animation speed of the 3D movement

Default

800

sliceSlideshow

Property

sliceSlideshow

Data type

boolean

Description

If true the box will be rotating automatically

Default

0

sliceSlideshowTime

Property

sliceSlideshowTime

Data type

integer

Description

Interval for the slideshow in ms

Default

2000

sliceEasing

Property

sliceEasing

Data type

string

Description

Transition

Default

ease

sliceSpeed

Property

sliceSpeed

Data type

ineger

Description

You might want to set a different speed for the fallback animation...

Default

600

options

Property

options

Data type

string

Description

Enter own options (see http://tobia.github.com/CrossSlide/)

Default

optionsOverride

Property

optionsOverride

Data type

boolean

Description

Define if the options defined above will override all other options or append to theme

Default

0

damCaptionFields

Property

damCaptionFields

Data type

string

Description

Comma separated string with tx_dam fields for caption fields.

You can use these fields in damCaptionObject by “registry:dam_[field]”

Default

caption,description,title

damCaptionObject

Property

damCaptionObject

Data type

cObject

Description

This cObject defines the caption in dam-mode

Default

damHrefFields

Property

damHrefFields

Data type

string

Description

Comma separated string with tx_dam fields for href fields.

The first field with a value will be taken.

Default

tx_jfdam_link

integerWidthWrap

Property

integerWidthWrap

Data type

stdWrap

Description

Wrap if the value for imagewidth is numeric

integerWidthWrap.wrap = |c-50

Default

wrap = |

integerHeightWrap

Property

integerHeightWrap

Data type

stdWrap

Description

Wrap if the value for imageheight is numeric

integerHeightWrap.wrap = |c-50

Default

wrap = |

slice.normal.image

Property

slice.normal.image

Data type

IMAGE

Description

Defines the image for normal view

Default

slice.normal.stdWrap

Property

slice.normal.stdWrap

Data type

stdWrap

Description

stdWrap for all images in slideshow

Default

slice.normal.noscriptWrap

Property

slice.normal.noscriptWrap

Data type

stdWrap

Description

This stdWrap will be set to the first image for a noscript image

Default

slice.header.*

Property

slice.header.*

Data type

Description

The same as slice.normal.* but for header slide

Default

slice.content.*

Property

slice.content.*

Data type

Description

The same as slice.normal.* but for content images

Default

dataConf.*.image

Property

dataConf.*.image

Data type

cObject

Description

Defines the image url of the table render (Upload with data)

Default

dataConf.*.href

Property

dataConf.*.href

Data type

cObject

Description

Defines the href of the table render (Upload with data)

Default

dataConf.*.caption

Property

dataConf.*.caption

Data type

cObject

Description

Defines the caption of the special table render (Upload with data)

Default

[tsref:(cObject).plugin.tx_imagecycle_pi5]

((generated))
Example

Here an example to define the image cycle in TypoScript:

plugin.tx_imagecycle_pi1 {
  imagewidth = 700c
  imageheight = 200c
  transitionDuration = 1000
  displayDuration = 4000
}

Here an example to add the image cycle to marks:

page.10.marks.HEADER_IMAGE < plugin.tx_imagecycle_pi1

or if you like to use Coin-Slider:

page.10.marks.HEADER_IMAGE < plugin.tx_imagecycle_pi2

or if you like to use Nivo-Slider:

page.10.marks.HEADER_IMAGE < plugin.tx_imagecycle_pi3

or if you like to use Cross-Slider:

page.10.marks.HEADER_IMAGE < plugin.tx_imagecycle_pi4

or if you like to use Slice-Box:

page.10.marks.HEADER_IMAGE < plugin.tx_imagecycle_pi5

And the Template:

<html><head></head><body><div>###HEADER_IMAGE###</div></body></html>

FAQ

((generated))
I like to add some scripts / css -files globally, is this possible?

If you like to add the library globally you can set an empty string to the values. Only existing files will be included!

This will work for jQueryLibrary, jQueryCoin, jQueryNivo, cssFileNivo, jQueryEasing and jQueryCycle.

If I only use Coin-Slider, Nivo-Slider or Cross-Slider, do I have to include all statics?

Yes, you have to. All Sliders uses some constants from imagecycle. If you do not include the static, the jQuery Lib will not be loaded.

How can I add my own entities to “Upload with data”?

First you have to add the entity-name in Ext-Configuration “allowedDbTypesForCaption” (if empty tt_content, fe_users and tt_news will be allowed).

After this, you have to define the rendering of this entity in your typoscript

plugin.tx_imagecycle_pi1.dataConf {
  tx_myentity {
    image >
    href >
    caption = RECORDS
    caption {
      source.data = register:source
      tables = tt_content
      dontCheckPid = 1
      conf.tx_myentity = COA
      conf.tx_myentity {
        10 = TEXT
        10.field = myentity_title
        // ...
      }
    }
  }
}

Special options

You are able to define your own animations with this option (in constant / typo / flexform), some possibilities can be found here: http://malsup.com/jquery/cycle/adv.html

Example
fx:      'zoom',
speedIn:  2500,
speedOut: 500,
easeIn:  'easeInBounce',
easeOut: 'easeout',
sync:     0,
delay:   -4000

OR

fx:      'scrollDown',
speedIn:  2000,
speedOut: 500,
easeIn:  'easeOutBounce',
easeOut: 'easeInBack',
delay:   -2000

OR

fx: 'custom',
cssBefore: {
  left: 115,
  top:  115,
  width: 0,
  height: 0,
  opacity: 1,
  zIndex: 1
},
animOut: {
  opacity: 0
},
animIn: {
  left: 0,
  top: 0,
  width: 200,
  height: 200
},
cssAfter: {
  zIndex: 0
},
delay: -3000

If you write something wrong in the “options”-field, the animation will not work! Any movement values will be overwritten by this option, so you have to define all the values by your self!

Known problems

ChangeLog

0.0.1

Version

0.0.1

Changes

Initial development

0.0.2

Version

0.0.2

Changes

Add new options (delay, pause and options)

0.1.0

Version

0.1.0

Changes

Add the template possibility (define cycle per page)

0.1.1

Version

0.1.1

Changes

Fix transition in flexform (transition from setup was not overwritten) / Add this documentation

0.2.0

Version

0.2.0

Changes

Replaced the template with typoscript

0.2.1

Version

0.2.1

Changes

Changed maximum image number from 32 to 1000

0.2.2

Version

0.2.2

Changes

Bugfix typoscript, alt=”TEXT” if no caption was defined

0.2.3

Version

0.2.3

Changes

Fix the image_zoom function in typoscript

0.2.4

Version

0.2.4

Changes

Remove unused constant / change the default for noConflict

0.3.0

Version

0.3.0

Changes

Allowed effects defined in configuration / Effect on page (template) can be overwritten

0.3.1

Version

0.3.1

Changes

Add jQuery 1.4.2 / Update jQuery Cycel to version 2.75

0.4.0

Version

0.4.0

Changes

Add jcaption (Fix issue #6371)

0.5.0

Version

0.5.0

Changes

Add Text w/image (See the tt_content section in static/setup.txt)

0.5.1

Version

0.5.1

Changes

Removed all other languages for normal translation / Add the jsInFooter constant to move the javascript to the footer of the HTML

0.5.2

Version

0.5.2

Changes

Fix IE problem while loading #6885

0.6.0

Version

0.6.0

Changes

Add new version of jQuery.cycle (2.80) / New configuration to define own jQuery.cycle

0.7.0

Version

0.7.0

Changes

Add options for jCaption. Now you can turn of the mouse over effect and define the animation type and speed

0.8.0

Version

0.8.0

Changes

Remove jCaption and use the integrated after and before event in jQuery Cycle (thanks to Lars Houmark)

0.8.1

Version

0.8.1

Changes

Just textual changes (No functional changes)

0.8.2

Version

0.8.2

Changes

New documentation / JavaScript optimizing

1.0.0

Version

1.0.0

Changes

Add DAM support for media and category / Add new version of jQuery.cycle (2.86)

1.0.1

Version

1.0.1

Changes

Load TCA only if DAM is loaded #7443

1.0.2

Version

1.0.2

Changes

Add jsMinify

1.0.3

Version

1.0.3

Changes

Write the JS-script in t3jquery if installed

1.0.4

Version

1.0.4

Changes

Bugfix for t3lib_extMgm::getExtensionVersion, only in Typo3 4.4.x

1.0.5

Version

1.0.5

Changes

Fix the CE markup (#7803) / Add FAQ to the documentation

1.0.6

Version

1.0.6

Changes

Fix DAM support

1.0.7

Version

1.0.7

Changes

Change the used field in DAM from file_dl_name to file_name

1.0.8

Version

1.0.8

Changes

Add jquery.cycle 2.88

1.0.9

Version

1.0.9

Changes

Add cms_layout to backend

1.1.0

Version

1.1.0

Changes

Add the caption sync, to display the caption synchronized with the image

1.1.1

Version

1.1.1

Changes

Fix problems with config.moveJsFromHeaderToFooter

1.1.2

Version

1.1.2

Changes

Fix problem with options in TS (#8891)

1.2.0

Version

1.2.0

Changes

Add DAM-Support for pages (#8497)

1.3.0

Version

1.3.0

Changes

Add the control panel

1.3.1

Version

1.3.1

Changes

Add the missing css file for control panel

1.3.2

Version

1.3.2

Changes

Fix wrong constant name from templateFile to templateFileJS

1.3.3

Version

1.3.3

Changes

Add the jQueryNoConflict again

1.3.4

Version

1.3.4

Changes

Remove the warnings in log (PHP Warning: in_array() expects parameter 2 to be array)

1.3.5

Version

1.3.5

Changes

Fix recursion without DAM (#9075) / Fix the display problems in TV- Backend (cms_layout)

1.3.6

Version

1.3.6

Changes

Fix TCA to have separate palette in Ctype textpic

1.4.0

Version

1.4.0

Changes

Add the pager to the slideshow. !! I had to change some css ruels, check the look in development first !!

1.4.1

Version

1.4.1

Changes

Fix problem with play / resume with new option “pausedBegin”

1.4.2

Version

1.4.2

Changes

Fix problem with slow Internet connections (#9082)

1.4.3

Version

1.4.3

Changes

Prevent multiple JS-Script output

1.4.4

Version

1.4.4

Changes

Move the template to the res folder

1.4.5

Version

1.4.5

Changes

Code review

1.4.6

Version

1.4.6

Changes

Add option to turn on/off the slow internet connection workaround

1.4.7

Version

1.4.7

Changes

Add class to active page (#9589)

1.4.8

Version

1.4.8

Changes

Use pageRenderer for script include

1.4.9

Version

1.4.9

Changes

Remove double class tx-imagecycle-pi1 / Add new register IMAGE_COUNT

1.5.0

Version

1.5.0

Changes

Extends character count for imagewith and imageheight (#10114) / Add new mode with HTML-editor / Add jQuery 1.4.3

1.5.1

Version

1.5.1

Changes

Fix caption if only one image is selected (#10395) / Add page configuration for effects

1.5.2

Version

1.5.2

Changes

Fix W3C problem in caption (#10652)

1.5.3

Version

1.5.3

Changes

Add jQuery 1.4.4 / Small bugfix (#10984 / #11324)

1.6.0

Version

1.6.0

Changes

Add useSelectInsteadCheckbox to select „from TS“

1.6.1

Version

1.6.1

Changes

Fix caption again, it was broken in 1.5.2 when changing from <span> to <div> / Add fastOnEvent to set the speed when change manually / Add new version of jQuery Cycle (2.94)

1.6.2

Version

1.6.2

Changes

Add support for TYPO3 4.5

1.7.0

Version

1.7.0

Changes

Add jQuery 1.5.0 / Add Coin-Slider (#10184)

1.8.0

Version

1.8.0

Changes

Add Nivo-Slider (#13207)

1.8.1

Version

1.8.1

Changes

No changes

1.8.2

Version

1.8.2

Changes

Add jQuery 1.5.1

1.9.0

Version

1.9.0

Changes

Fix header effect in different language (#13174) / Add CrossSlider (#13633) sponsored by http://www.made-in-nature.de/typo3-agentur.html / Add jQueryCycle 2.97 / Fix Link problems in RTE / Fix the example in setup.txt (#13438)

1.9.1

Version

1.9.1

Changes

Add swing an linear to transition

1.9.2

Version

1.9.2

Changes

Add support for tt_news (#12078)

1.9.3

Version

1.9.3

Changes

Fix default image processing for tt_news and add caption to it

1.9.4

Version

1.9.4

Changes

Fix the display problem for first slide (#13823) / Fix opacity in Coin-Slider (#25432) / Add exclude to all flexform-fields

2.0.0

Version

2.0.0

Changes

Fix override of effect in page and add UPDATER (use it carefully!) / Add jQuery 1.5.2 / Add jQuery Cycle 2.99 / Add Nivo-Slider 2.51

2.0.1

Version

2.0.1

Changes

Fix the flexform data extraction / Remove unused resources / Fix the typolink for Coin-Slider

2.0.2

Version

2.0.2

Changes

Fix the caption, if no href is selected / Add new static for tt_content (#26518)

2.0.3

Version

2.0.3

Changes

Add jQuery 1.6.1 / Fix coin-Slider multilingual (#13797)

2.1.0

Version

2.1.0

Changes

Support multiple effects (#26978) / Fix nivoSlider if no caption on image / Remove longDesc for HTML5 compatibility

2.2.0

Version

2.2.0

Changes

Add optionOverride (#28459) / Add nivoSlider 2.5.2 / Add jQuery Cycle 2.9994 / Add jQuery 1.6.2 / Fix jsInFooter / Convert linefeed to Unix

2.2.1

Version

2.2.1

Changes

Change the max item in page mode from 25 to 1000 (#28749) / Add NivoSlider 2.6 (#28838) / Add HTML-Captions to NivoSlider (#28837)

2.2.2

Version

2.2.2

Changes

Add cleartypeNoBg to jQuery Cycle / Fix inline JS (#28925) /Add jQuery Cycle 2.9995 / Add noscriptWrap (#28789)

2.3.0

Version

2.3.0

Changes

Fixed the URL in constants for help / Fix the documentation (#29272) / Add Nivo-Themes

2.4.0

Version

2.4.0

Changes

Fix max length of input (#29570) / Add class to render page data / Add Slice-Box (#29680) / Add StartRandom to Nivo-Slider (#29689) / Add jQuery 1.6.4

2.4.1

Version

2.4.1

Changes

Fix depends version of jftcaforms (colorpicker since 0.2.1)

2.4.2

Version

2.4.2

Changes

Fix dam_cat language overlay (#30082) / Remove obsolete CSS / Add thumbnail support

2.4.3

Version

2.4.3

Changes

Add type header to all slider-variants

2.4.4

Version

2.4.4

Changes

Fix caption for DAM (#31135)

2.4.5

Version

2.4.5

Changes

Add jQuery 1.7.0 / Add jQuery Cycle 2.9998 (#31660) / Fix the imageLinkWrap (#31682)

2.5.0

Version

2.5.0

Changes

Add Nivo-Slider for tt_news Sponsored by www.profilmedien.de / Add damCaptionObject to customize captions for dam (#31911) / Add jQuery Cycle 2.9999 / Add jQuery 1.7.1 / Fix CSS problems in noscript for NivoSlider

2.5.1

Version

2.5.1

Changes

Fix DAM problem with href (#32351)

2.5.2

Version

2.5.2

Changes

Add pager for text/w image (#32743) / Fix Nivo href-title (#32847) / Fix caption for Nivo if empty

2.5.3

Version

2.5.3

Changes

Fix the HTML of Nivo (#33721) / Add _blank to target option (#33815) / Add easing to caption animation (#33575) / Add firstImageIsPreview for tt_news / Add Nivo-Slider 2.7.1

2.5.4

Version

2.5.4

Changes

Add Modernizr 2.5.2 / Fix problems with Firefox 10

2.6.0

Version

2.6.0

Changes

Add “first image only” to jQuery Cycle (#34190) / Add Upload with data (#34189) / Fix opacity value (#33721) / Fix the NivoSlider if CSC is not used (#34395) / Add single tab in TCA-Type pages (#34449) / Add jQuery Cycle 2.9999.2

2.6.1

Version

2.6.1

Changes

Disable random if only one image is selected (#34741) / Add jQuery Cycle 2.9999.3

2.6.2

Version

2.6.2

Changes

Fix DAM-Selection

2.6.3

Version

2.6.3

Changes

Add new option to stop after one cycle (#36598) / Remove deprecated methods (#36599) / Add jQuery 1.7.2 / Add jQuery Cylce 2.9999.5

2.6.4

Version

2.6.4

Changes

Fix t3lib_utility_VersionNumber::convertVersionNumberToInteger for older typo3 versions / Remove deprecated method t3lib_div::intInRange

2.6.5

Version

2.6.5

Changes

Add new stdWrap if image-height and width is numeric (#37928) / Fix dam-category in page-mode (#38279)

2.6.6

Version

2.6.6

Changes

Fix a localisation problem (#40872) / Remove “rel”-tag if not needed (#39276) / Add nivoResponsive / Changed the event from document.ready to window.load (#34775)

2.6.7

Version

2.6.7

Changes

Fix compatibility for Typo3 V6 (#41010)

2.6.8

Version

2.6.8

Changes

Fix “Add new” in backend

2.6.9

Version

2.6.9

Changes

Fix lConf and conf vars in pi2 to pi5

2.6.10

Version

2.6.10

Changes

Fix the duplicate id in slice-box / Fix the z-index of slice-box buttons / Add jQuery Cycle 2.9999.6

2.7.0

Version

2.7.0

Changes

Add jQuery 1.8.2 / Add jQuery Cycle 2.9999.8 / Add Nivo-Slider 3.1 (#38275 and #42709) / Fix header-imagecycle when multilingual

2.7.1

Version

2.7.1

Changes

Add Slice-Box 1.1.0 / Add the hide option to the uploadRTE (#42518)

2.7.2

Version

2.7.2

Changes

Add jQuery Cycle 2.9999.81 / Add Nivo-Slider 3.2 / Fix NivoSider for IE8/9 (#45055)

2.7.3

Version

2.7.3

Changes

Fix the async captions on first loop (#46002) / Fix the missing semicolon (#45586) / Check it items is an array in procFunc (#46093) / Fixed the imagescale if multiple cols are selected (#46034) / Fix the imagelink of NivoSilder (#45193)

2.7.4

Version

2.7.4

Changes

Add jQuery 1.10.2 / Add jQuery Cycle 3.0.3 / Add support for vx_damcatassetsorting to sort dam_cat

2.7.5

Version

2.7.5

Changes

Fix Header on DAM (#51505) / Fix the noscript style in NivoSlider / Fix link in IE #50590

2.7.6

Version

2.7.6

Changes

Fix HeaderSlide if Dam not installed

2.7.7

Version

2.7.7

Changes

Fix the CSS (#53419) / Add compatibility for TYPO3 6.2

2.7.8

Version

2.7.8

Changes

Fix "Uncaught TypeError: Cannot read property 'currSlide' of undefined"

img-2 26