Description
The FluxImage component represents the smallest part of the slider and displays an image, part of it or a color.
Component
It renders what have to be displayed calculating its size and position automatically.
The component can have the following attributes.
| Attribute | Type | Required | Description |
|---|---|---|---|
| slider | Object | true | The VueFlux component responsible of this image |
| index | Number, String | true | If a number represents the image index of slider and if string of hexadecimal will just paint it with the defined color |
| css | Object | false | Initial CSS style, by default sets top 0 and left 0 |
Example:
<flux-image :slider="slider" :index="1"></flux-image>
<flux-image :slider="slider" :index="'#cccccc'" :css="{opacity: 0.5}"></flux-image>
Methods
| Method | Parameters | Description |
|---|---|---|
| setCss | css | Object with the style to be applied directly |
| transform | css | Object with the style to be applied rendering, used to perform the transitions |
| show | Shows the image if hidden | |
| hide | Hides the image |