Pano image greyscale CSS

Q&A about the latest versions
Post Reply
jetpat
Posts: 74
Joined: Thu Apr 30, 2020 9:09 pm

Hi
I am trying to find a way to change the pano image to greyscale via a button toggle.

I know you can use CSS for this and found examples here https://www.w3schools.com/cssref/playit ... ss(200%25) .

However, i am not sure how to target the pano image itself using the skin editor mouse click actions.

Thanks.
User avatar
Hopki
Gnome
Posts: 13004
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Hi,
Currently, this does not work, in the next major upgrade you will be able to use "backdrop-filters" but even then greyscale is not working and so far only Chrome supports any working filters.
Regards,
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
jetpat
Posts: 74
Joined: Thu Apr 30, 2020 9:09 pm

HI Martin
Have tried adding the 'filter: grayscale(100%);' to Chrome and Safari in the webpage output via the inspector, seems to work there, turns everything grey.

Is there a way to target this with Javascript or CSS ?

Thanks.

Jet.

CHROME
Screenshot 2021-12-13 at 12.17.24.png
Screenshot 2021-12-13 at 12.17.24.png (405.39 KiB) Viewed 608 times

SAFARI
Screenshot 2021-12-13 at 12.22.47.png
Screenshot 2021-12-13 at 12.22.47.png (573.99 KiB) Viewed 608 times
Post Reply