https://github.com/silentbil/silent-image-slider
Image slider card for homeassistant
https://github.com/silentbil/silent-image-slider
hacs homeassistant image-slider images
Last synced: 13 days ago
JSON representation
Image slider card for homeassistant
- Host: GitHub
- URL: https://github.com/silentbil/silent-image-slider
- Owner: silentbil
- License: mit
- Created: 2024-12-23T06:19:42.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-03-27T06:14:18.000Z (about 1 month ago)
- Last Synced: 2025-04-22T12:07:58.641Z (13 days ago)
- Topics: hacs, homeassistant, image-slider, images
- Homepage:
- Size: 4.72 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Image slider card for Home Assistant
If you like my hard work and want to help with server cost, consider buying me a coffee :)
## Demo
## HACS Installation (Preferred option with updates)
TBD.
## HACS manual Installation
- In the HACS Frontend, click the 3 dots in the upper right
- Click 'Add Custom Repository'
- Fill in the repo url https://github.com/silentbil/silent-image-slider and choose 'Lovelace' category.
- Install the custom card (should now appear in the Frontend)
- HACS should automatically add the following to your resources:
```
url: /hacsfiles/silent-image-slider/silent-image-slider.js
type: Javascript Module
```
## Implementation
Images can be local or remote. If you are using local images, make sure to place them in the www folder of your Home Assistant configuration.
```
type: custom:silent-image-slider
speed: 3
images:
- /local/car.jpeg
- https://static.vecteezy.com/system/resources/previews/048/558/869/non_2x/cute-family-with-children-avatar-character-free-png.png
- https://png.pngtree.com/png-vector/20240518/ourlarge/pngtree-beautiful-family-avatar-png-image_12476828.png
- https://thumbs.dreamstime.com/b/family-avatar-cartoon-character-portrait-couple-man-glasses-carrying-child-over-shoulder-vector-illustration-graphic-149661660.jpg
```
### Options
| Name | Description | Default | Required | Values |
|-------------|---------------------------|---------|----------|------------------|
| `speed` | slider speed | 3 | No | number 1-5 |
| `infinite` | infinite slide | Yes | No | boolean |
| `showArrow` | Show next/prev arrows | No | No | boolean |
| `images` | List of images to display | [] | Yes | Array of strings |