hass-shutter-card
hass-shutter-card copied to clipboard
Image change
I´m trying to change the photos, but I cant. In the java file the images are loaded from an external source
{ background-image: url(data:@file/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJkAA), ; }
I tried creating a folder in the www called pictures and dump the images there and change the code to
{ background-image: url(local/pictures/sc_shutter_open.png); }
but no mater what I try they don't show, unless its an external source. What I´m doing wrong?
I would like to now this aswell! Have you found something out?
https://onlinepngtools.com/convert-png-to-base64 I converted the image back from Base64 to .PNG, and added my “background” image to the original PNG. Then converted back to Base64 and replaced the string in the .js file. Thats it.
@Makiatika69 Thank you for your answer! I'm pretty new, so I don't know how to do this.
Which image did you convert from Base64 to .PNG? (Where do I find this original image?)
And will it then be possible to tell the shutter-card which image to show in which shutter-card?
Thank you very much!