DelayCaptions add-on

Requires Slider Kit version 1.7.1. DelayCaptions makes the textbox element slide or fade over the panels.

Standard sliding animation

[Alternative text]

sample-01.jpg

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.

[Alternative text]

sample-02.jpg

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.

[Alternative text]

sample-03.jpg

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.

[Alternative text]

sample-04.jpg

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.

[Alternative text]

sample-05.jpg

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

[Alternative text]

sample-06.jpg

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Sliding from top | Sliding from right | Sliding from bottom | Sliding from left

Vertical sliding animation

[Alternative text]

sample-01.jpg

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.

[Alternative text]

sample-02.jpg

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.

[Alternative text]

sample-03.jpg

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.

[Alternative text]

sample-04.jpg

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.

[Alternative text]

sample-05.jpg

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

[Alternative text]

sample-06.jpg

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Notes

  • In this example, the fastchange parameter is set to false, so the slider won't switch until the caption animation is finished.
  • If auto parameter is set to true, the autospeed value must be higher than the whole panel+caption animation duration. Slider Kit will calculate this value if needed.
  • The 'easeOutExpo' easing effect is used on caption animation.

Fading captions

/
[Alternative text]

sample-01.jpg

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

[Alternative text]

sample-02.jpg

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.

[Alternative text]

sample-03.jpg

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.

[Alternative text]

sample-04.jpg

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore.

[Alternative text]

sample-05.jpg

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

[Alternative text]

sample-06.jpg

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

[Alternative text]

sample-07.jpg

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.

Notes

  • The DelayCaption position parameter is useless when using a fading transition on captions. Just position the captions with CSS.
  • imagefx option is used for transitions (imageFx add-on required).
  • counter option is set to true (Counter add-on required).
  • When using imageFx add-on, the fastchange parameter is always set to false.
  • Known issue under IE6/IE7: when using imageFx add-on, captions won't fade correctly.