Dashboard help - looking to have rotation of 3 cameras in my dashboard show on one card

Configuration Frontend
, ,
1

Good afternoon, all, I have three cameras that I want to rotate on a single card on my dashboard and have found anyway to do that yet?

Here is a screenshot of one of my cameras on a picture entity card, similar to this, (if possible) I’d like to continue to use a single card (does not have to be a picture entity card) but every 5 seconds (or whatever time desired) to switch to the next camera view.

Here is a copy of my yaml for my current single camera picture entity card (not sure if that can help).

thank you very much in advance!!

show_state: true
show_name: true
camera_view: auto
type: picture-entity
entity: camera.side_yard

Image 3-11-25 at 15.09
Image 3-11-25 at 15.091982×892 344 KB

2

any and all advice is appreciated!

3

Use a swiper card and tune the auto play parameters.

A good code example here to get you started: Lovelace: Swiper card - #283 by CrocMonster

I have the same set up for three cameras too…

image
image1206×773 148 KB

image
image1206×769 204 KB

1 Like
4

hi BenM7, thank you for all this information! I am in the midst of setting it up, I believe I am getting, please see below, Also, it does work to swipe with my fingers between the two cameras.

One more step I am looking to do, but I am still getting wrong. How do I set it up (for example) to automatically switch between those two cameras on my dashboard? I believe my code for ‘autoplay’ (delay and speed) are wrong.

Below is a screenshot of the one camera and yaml and also here is an exact copy of the yaml text as well.

thank you very much!

type: custom:css-swipe-card
parameters:
  effect: flip
  slideShadows: true
  autoplay:
    delay: 7000
  speed: 3000
  timer: 5
  scrollbar:
    hide: true
    draggable: true
    snapOnRelease: true
cards:
  - type: picture-entity
    entity: camera.side_yard
    name: Side Yard
  - type: picture-entity
    entity: camera.driveway_camera_fluent
    name: Driveway

Image 3-13-25 at 14.42
Image 3-13-25 at 14.421920×1161 139 KB

5

you might be best asking your question in the swiper card forum, I don’t autoplay mine sorry so I think im at the end of the line in terms of support for that part :slight_smile:

1 Like
6

It’s my understanding the custom advanced-camera-card can be configured to do that:

7

Hi BenM7, thank you!!! I figured it out!!! I was using the wrong custom card :cry::cry:. I downloaded the exact one you showed me now (before I rushed and downloaded a similar one but not same.)

Please see my yaml for the card!!! THANK YOU!!!

type: custom:swipe-card
parameters:
  effect: null
  slideShadows: true
  autoplay:
    delay: 7000
  speed: 3000
  timer: 5
  scrollbar:
    hide: true
    draggable: true
    snapOnRelease: true
cards:
  - type: picture-entity
    entity: camera.side_yard
    name: Side Yard
  - type: picture-entity
    entity: camera.driveway_camera_fluent
    name: Driveway
1 Like
8

Glad to hear you got it sorted!

1 Like