I would normally have used this
{{(item.images | shuffle)[0].src}}
I have used this, not setup though
{{ (item.images | shuffle)[0].src ?? item.image.src }}
Not sure if Elements will except the ?? Or I got it right/wrong, it tested
switched random menu background image to shuffle, a lot simpler to add more images to the array
corrected globals ???
random quotes, only have 3 in the array - addicted to CMS
very simple setup, rand image and text
Add more quotes or images
background component also can use cms images
You can call the folder and md whatever you want, also call the arrays what ever you want as long as the shuffle code is the same
1 Like
Very interesting — I can definitely work with that. Thanks for sharing!
1 Like
banner - text & background CMS driven, with background lines
a different take on the animation to save space I reduced the video resolution
removed background animation added random jokes, AI jokes
project - elementsapp://downloadDocument/bzJ24Lpgh8MA
ok 50 jokes - I asked for 50 workplace safe jokes
had a couple of mins changed to blinds view
so these are images from the markdown file
quick component to refresh the container, I sped the refresh time up, so the markdown imagesare now auto refreshed rather than on load
Elements is cool
so I have been changing images and text in cpanel by editing the md file, easy to do
****warning this does not change in Elements, can mess up easily if not strict
I also copied the the content from the Elements md file and replaced the content in the online version
saves publishing for simple changes etc