i4w_jdelay
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.
[ELSE_jdelay] conditional branching is NOT supported.
Shortcode nesting is NOT supported.
Parameters
| Parameter | Description | Default | Required |
|---|---|---|---|
| id | Name of the existing CSS #Id to which the shortcode should be applied. If not given, one will be created on the fly. | None | 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. | 0 | No |
| delayshow | Defines the delay in seconds until the element will be made visible. | 0 | No |
| fadeshow | Defines the gradual opacity steps in seconds until the element will be made fully visible. | 0 | No |
| delayhide | Defines the delay in seconds until the element will be made invisible. | 0 | No |
| fadehide | Defines the gradual opacity steps in seconds until the element will be made fully invisible. | 0 | No |
Example
Shortcode
[i4w_jdelay delayshow='5' delayhide='5']
display this after 5 seconds, hide it again 5 seconds later.
[/i4w_jdelay]
Shortcode
[i4w_jdelay fadeout='5']
display this immediately, hide it after 5 seconds.
[/i4w_jdelay]
Shortcode
<div id='test'>my external div</div>
[i4w_jdelay id='test' fadeout='5'][/i4w_jdelay]
Notes
warning
The closing shortcode tag is necessary if the shortcode is used more than once in a page or post.