jQuery-glider
Lightweight animated image description
Demo
HTML Syntax
<div class="glider"> <h3>Title</h3> <img src="http://placehold.it/350x150" /> <p> This text will be used as caption. <a href="#">Links are accepted.</a> </p> </div>Initializing the code
$('.glider').glider();
Options
| Option | Default value | Description |
|---|---|---|
| format | square | square makes the element square, auto leaves the image aspect ratio |
| iconAfter | null | Use HTML to add an icon beneath the title |
| showTitle | true | Show the title when the element isn't hovered |
| speed | 250 | Effect speed |
Data attributes
| Attribute | Default value | Set on | Description |
|---|---|---|---|
| data-type | (optional) | $('.glider') | image-only will just show the image, no effect or anything else |
