Usage:
This shortcode applies a jQuery “animation” against an existing CSS Id or one created on the fly, depending on your input.
It enables the timed/delayed fading in and out of CSS elements
This shortcode does NOT supports conditional branching with [ELSE_jdelay].
Shortcode nesting is NOT supported.
Parameters:
id | Name of the existing CSS #Id to which the shortcode should be applied. If not given, one will be created on the fly. Default: none. Required: no. |
fadeout | Determines whether the element will initially be displayed or not. If not given, 0 is assumed and initial display will be suppressed. Any value higher than 0 will display the element that many seconds before applying the remaining actions. Default: 0. Required: no. |
delayshow | Defines the delay in seconds until the element will be made visible. Default: 0. Required: no. |
fadeshow | Defines the gradual opacity steps in seconds until the element will be made fully visible. Default: 0. Required: no. |
delayhide | Defines the delay in seconds until the element will be made invisible. Default: 0. Required: no. |
fadehide | Defines the gradual opacity steps in seconds until the element will be made fully invisible. Default: 0. Required: no. |
Example:
[i4w_jdelay delayshow='5' delayhide='5'] display this after 5 seconds, hide it again 5 seconds later. [/i4w_jdelay]
[i4w_jdelay fadeout='5'] display this immediately, hide it after 5 seconds. [/i4w_jdelay]
<div id='test'>my external div</div> [i4w_jdelay id='test' fadeout='5'] [/i4w_jdelay]
Please note that the closing shortcode tag is necessary if the shortcode is used more than once in a page or post.
[i4w_jdelay id='test' fadeout='5'] <div id='test'>my external div</div> [/i4w_jdelay]
API:
There is no API function equivalent for this shortcode.