Background images in wall panel

Good evening! I am trying to set a few images to rotate through the screensaver via Wallpanel. However, I keep getting an error that pops up that says it can’t find the file.

I placed file here: /config/www/screensavers. I tried both /config/local/screensavers/file_name.jpg and and local/screensavers/file_name.jpg after reading around but that hasn’t worked. Can anyone help me out? It’s much appreciate!

Cheers!

columns: 8
wallpanel:
  enabled: true
  hide_toolbar: false
  hide_sidebar: true
  fullscreen: false
  idle_time: 5
  image_url: /local/screensavers/mizzou.jpg
views:
  - theme: Backend-selected
    title: Guest Bedroom
    path: Guest Bedroom
    panel_resolution: tablet
    layout:
      grid-template-columns: 33% auto 33%
      grid-template-rows: auto
      place-content: center
      grid-template-areas: |
        "header header header"
        "clock clock clock"
        "weather weather weather"
        "light light light"
        "left middle right"
        ". footer ."
    subview: false
    icon: mdi:bed-king
    type: custom:grid-layout
    badges: []
    cards:
      - square: false
        type: grid
        cards:
          - camera_view: live
            type: picture-glance
            title: Current weather
            show_state: true
            icon_size: 50px
            entities:
              - entity: sensor.weatherflow_air_temperature_2
              - entity: sensor.weatherflow_feels_like_temperature_2
              - entity: sensor.weatherflow_wind_cardinal_2
              - entity: sensor.weatherflow_wind_speed_2
              - entity: sensor.weatherflow_precipitation_today_2
            camera_image: camera.192_168_0_76_3
            entity: camera.192_168_0_76_2
            theme: Animated Weather Card
          - card_config_version: 8
            daily_extended_forecast_days: 2
            daily_forecast_days: 3
            daily_forecast_layout: vertical
            entity_forecast_icon_1: weather.home
            entity_forecast_max_1: weather.home
            entity_forecast_min_1: weather.home
            entity_pop_1: weather.weatherflow_day_based_forecast_2
            entity_summary_1: weather.home
            option_daily_color_fire_danger: true
            option_locale: Hallsville
            option_static_icons: false
            option_time_format: 24hour
            section_order:
              - overview
              - extended
              - slots
              - daily_forecast
            show_section_extended: false
            show_section_overview: false
            show_section_slots: false
            type: custom:platinum-weather-card
        columns: 2
        view_layout:
          grid-area: weather
      - type: conditional
        conditions:
          - entity: sensor.nws_alerts
            state_not: '0'
        card:
          type: horizontal-stack
          cards:
            - type: horizontal-stack
              cards:
                - type: custom:button-text-card
                  entity: sensor.nws_alerts
                  justify: center
                  icon_size: 75
                  large: true
                  title: |
                    [[[ return entity.attributes.title ]]]
                  subtitle: |
                    [[[ return entity.attributes.spoken_desc ]]]
                  icon_color: |
                    [[[   
                       if(entity.attributes.title  == "Tornado Warning"){
                          return "red";
                       }else if(entity.attributes.title == "Tornado watch"){ 
                          return "yellow";   
                       }else if(entity.attributes.title == "Tornado Emergency"){ 
                          return "deeppink";   
                       }else if(entity.attributes.title == "Severe Thunderstorm Warning"){ 
                          return "orange";
                       }else if(entity.attributes.title == "Severe Thunderstorm Watch"){ 
                          return "palevioletred";   
                       }else if(entity.attributes.title == "Flash Flood Warning"){ 
                          return "darkred";     
                       }else if(entity.attributes.title == "Flash Flood Statement"){ 
                          return "darkred";   
                       }else if(entity.attributes.title == "Flash Flood Watch"){ 
                          return "seagreen";   
                       }else if(entity.attributes.title == "Flash Warning"){ 
                          return "lime";    
                       }else if(entity.attributes.title == "Flood statement"){ 
                          return "lime";  
                       }else if(entity.attributes.title == "Urban and Small Stream Flood Advisory"){ 
                          return "springgreen";   
                       }else if(entity.attributes.title == "Small Stream Flood Advisory"){ 
                          return "springgreen";    
                       }else if(entity.attributes.title == "Urban and Small Stream Flood Advisory"){ 
                          return "springgreen";    
                       }else if(entity.attributes.title == "Red Flag Warning"){ 
                          return "deeppink";   
                       }else if(entity.attributes.title == "Extreme Fire Danger"){ 
                          return "darksalmon";     
                       }else if(entity.attributes.title == "Fire Weather Watch"){ 
                          return "navajowhite";     
                       }else if(entity.attributes.title == "Extreme Wind Warning"){ 
                          return "darkorange";    
                       }else if(entity.attributes.title == "High Wind Warning"){ 
                          return "goldenrod";   
                       }else if(entity.attributes.title == "High Wind Watch"){ 
                          return "darkgoldenrod";
                       }else if(entity.attributes.title == "Wind Advisory"){ 
                          return "Tan";    
                       }else if(entity.attributes.title == "Hard Freeze Warning"){
                          return "darkviolet";  
                       }else if(entity.attributes.title == "Hard Freeze Watch"){ 
                          return "royalblue";   
                       }else if(entity.attributes.title == "Freeze Warning"){ 
                          return "darkslateblue";
                       }else if(entity.attributes.title == "Freeze Watch"){ 
                          return "cyan";  
                       }else if(entity.attributes.title == "Wind Chill Warning"){ 
                          return "lightsteelblue";   
                       }else if(entity.attributes.title == "Wind Chill Watch"){ 
                          return "cadetblue";   
                       }else if(entity.attributes.title == "Wind Chill Advisory"){ 
                          return "Paleturquoise";
                       }else if(entity.attributes.title == "Extreme Wind Warning"){ 
                          return "darkorange";   
                       }else if(entity.attributes.title == "Blizzard Warning"){ 
                          return "orangered";   
                       }else if(entity.attributes.title == "Blizzard Watch"){ 
                          return "greenyellow";   
                       }else if(entity.attributes.title == "Winter Storm Warning"){ 
                          return "hotpink";
                       }else if(entity.attributes.title == "Winter Storm Watch"){ 
                          return "steelblue";  
                       }else if(entity.attributes.title == "Winter Weather Advisory"){ 
                          return "mediumslateblue";  
                       }else if(entity.attributes.title == "Snow Squall Warning"){ 
                          return "mediumvioletred";   
                       }else if(entity.attributes.title == "Excessive Heat Warning"){ 
                          return "mediumvioletred";  
                       }else if(entity.attributes.title == "Excessive Heat Warning"){ 
                          return "mediumvioletred";   
                       }else if(entity.attributes.title == "Excessive Heat Watch"){ 
                          return "maroon";   
                       }else if(entity.attributes.title == "Heat Advisory"){ 
                          return "coral";   
                       }else if(entity.attributes.title == "Special Weather Statement"){ 
                          return "moccasin";    
                       }else if(entity.attributes.title == "Child Abduction Emergency"){ 
                          return "Transparent";   
                       }else if(entity.attributes.title == "Blue Alert"){ 
                          return "Transparent";    
                       } else{
                          return "black";
                       }
                     ]]]
                  icon: |
                    [[[   
                      if(entity.attributes.title  == "Tornado Warning"){
                         return "mdi:weather-tornado";
                      }else if(entity.attributes.title == "Tornado watch"){ 
                         return "mdi:weather-tornado";   
                      }else if(entity.attributes.title == "Tornado Emergency"){ 
                         return "mdi:weather-tornado";   
                      }else if(entity.attributes.title == "Severe Thunderstorm Warning"){ 
                         return "mdi:weather-lightning-rainy";
                      }else if(entity.attributes.title == "Severe Thunderstorm Watch"){ 
                         return "mdi:weather-lightning-rainy";   
                      }else if(entity.attributes.title == "Flash Flood Warning"){ 
                         return "mdi:home-flood";     
                      }else if(entity.attributes.title == "Flash Flood Statement"){ 
                         return "mdi:home-flood";   
                      }else if(entity.attributes.title == "Flash Flood Watch"){ 
                         return "mdi:home-flood";   
                      }else if(entity.attributes.title == "Flash Warning"){ 
                         return "mdi:home-flood";    
                      }else if(entity.attributes.title == "Flood statement"){ 
                         return "mdi:water-alert";  
                      }else if(entity.attributes.title == "Urban and Small Stream Flood Advisory"){ 
                         return "mdi:water-alert";   
                      }else if(entity.attributes.title == "Small Stream Flood Advisory"){ 
                         return "mdi:water-alert";    
                      }else if(entity.attributes.title == "Urban and Small Stream Flood Advisory"){ 
                         return "mdi:water-alert";    
                      }else if(entity.attributes.title == "Red Flag Warning"){ 
                         return "mdi:weather-windy";   
                      }else if(entity.attributes.title == "Extreme Fire Danger"){ 
                         return "mdi:fire-off";     
                      }else if(entity.attributes.title == "Fire Weather Watch"){ 
                         return "mdi:fire-off";     
                      }else if(entity.attributes.title == "Extreme Wind Warning"){ 
                         return "mdi:weather-windy";    
                      }else if(entity.attributes.title == "High Wind Warning"){ 
                         return "mdi:weather-windy";   
                      }else if(entity.attributes.title == "High Wind Watch"){ 
                         return "mdi:weather-windy";
                      }else if(entity.attributes.title == "Wind Advisory"){ 
                         return "mdi:weather-windy";    
                      }else if(entity.attributes.title == "Hard Freeze Warning"){
                         return "mdi:thermometer-alert";  
                      }else if(entity.attributes.title == "Hard Freeze Watch"){ 
                         return "mdi:thermometer-alert";   
                      }else if(entity.attributes.title == "Freeze Warning"){ 
                         return "mdi:thermometer-alert";
                      }else if(entity.attributes.title == "Freeze Watch"){ 
                         return "mdi:thermometer-alert";  
                      }else if(entity.attributes.title == "Wind Chill Warning"){ 
                         return "mdi:thermometer-alert";   
                      }else if(entity.attributes.title == "Wind Chill Watch"){ 
                         return "mdi:thermometer-alert";   
                      }else if(entity.attributes.title == "Wind Chill Advisory"){ 
                         return "mdi:thermometer-alert";
                      }else if(entity.attributes.title == "Blizzard Warning"){ 
                         return "mdi:snowflake-alert";   
                      }else if(entity.attributes.title == "Blizzard Watch"){ 
                         return "mdi:snowflake";   
                      }else if(entity.attributes.title == "Winter Storm Warning"){ 
                         return "mdi:snowflake-alert";
                      }else if(entity.attributes.title == "Winter Storm Watch"){ 
                         return "mdi:snowflake";  
                      }else if(entity.attributes.title == "Winter Weather Advisory"){ 
                         return "mdi:weather-snowy";  
                      }else if(entity.attributes.title == "Snow Squall Warning"){ 
                         return "mdi:snowflake-alert";   
                      }else if(entity.attributes.title == "Excessive Heat Warning"){ 
                         return "mdi:weather-sunny-alert";  
                      }else if(entity.attributes.title == "Excessive Heat Warning"){ 
                         return "mdi:weather-sunny-alert";   
                      }else if(entity.attributes.title == "Excessive Heat Watch"){ 
                         return "mdi:weather-sunny-alert";   
                      }else if(entity.attributes.title == "Heat Advisory"){ 
                         return "mdi:weather-sunny-alert";   
                      }else if(entity.attributes.title == "Special Weather Statement"){ 
                         return "mdi:weather-cloudy-alert";    
                      }else if(entity.attributes.title == "Child Abduction Emergency"){ 
                         return "mdi:alert-circle";   
                      }else if(entity.attributes.title == "Blue Alert"){ 
                         return "mdi:police-badge-outline";    
                      } else{
                         return "black";
                      } 
                    ]]]   
        view_layout:
          grid-area: header
      - type: horizontal-stack
        cards:
          - show_name: true
            show_icon: true
            type: button
            tap_action:
              action: toggle
            entity: switch.guest_bedroom_fan_light_relay
            theme: ios-dark-mode-blue-red-alternative
            show_state: true
          - show_name: true
            show_icon: true
            type: button
            tap_action:
              action: toggle
            entity: fan.guest_bedroom_fan_light_relay_2
            show_state: true
            theme: ios-dark-mode-blue-red-alternative
            icon: mdi:ceiling-fan
        view_layout:
          grid-area: light
      - type: custom:digital-clock
        view_layout:
          grid-area: clock

Did you restart home assistant after creating the www folder?

I have. Several times and nothing.

Try placing screensavers/mizzou.jpg inside of the media folder. Wall Panel uses “media” as the local folder.