# Cms image driven **URL:** \ **Category:** Elements\ **Created:** [January 3, 2026, 6:52pm UTC](https://forums.realmacsoftware.com/t/cms-image-driven/53466 "2026-01-03T18:52:02Z")\ **Posts on this page:** 16\ **Page:** 2
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [January 9, 2026, 8:35pm UTC](https://forums.realmacsoftware.com/t/cms-image-driven/53466/23 "2026-01-09T20:35:14Z")
I would normally have used this ```auto {{(item.images | shuffle)[0].src}} ``` I have used this, not setup though ```auto {{ (item.images | shuffle)[0].src ?? item.image.src }} ``` Not sure if Elements will except the ?? Or I got it right/wrong, it tested ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [January 9, 2026, 11:09pm UTC](https://forums.realmacsoftware.com/t/cms-image-driven/53466/24 "2026-01-09T23:09:23Z")
switched random menu background image to shuffle, a lot simpler to add more images to the array [elementsapp://downloadDocument/mnzR4m77kTJV](elementsapp://downloadDocument/mnzR4m77kTJV) ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [January 9, 2026, 11:40pm UTC](https://forums.realmacsoftware.com/t/cms-image-driven/53466/25 "2026-01-09T23:40:46Z")
corrected globals ??? [elementsapp://downloadDocument/LtM7cxTIy9Dv](elementsapp://downloadDocument/LtM7cxTIy9Dv) ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [January 10, 2026, 8:07am UTC](https://forums.realmacsoftware.com/t/cms-image-driven/53466/26 "2026-01-10T08:07:14Z")
random quotes, only have 3 in the array - addicted to CMS ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [January 10, 2026, 8:38am UTC](https://forums.realmacsoftware.com/t/cms-image-driven/53466/27 "2026-01-10T08:38:31Z")
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 project - [elementsapp://downloadDocument/nKNU8HYbgm5M](elementsapp://downloadDocument/nKNU8HYbgm5M) ---
**Author:** ![Pegasus](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/pegasus/32/25035_2.png) [@Pegasus](https://forums.realmacsoftware.com/u/Pegasus)\ **Post date:** [January 10, 2026, 11:13am UTC](https://forums.realmacsoftware.com/t/cms-image-driven/53466/28 "2026-01-10T11:13:23Z")
Very interesting — I can definitely work with that. Thanks for sharing! ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [January 12, 2026, 7:13pm UTC](https://forums.realmacsoftware.com/t/cms-image-driven/53466/29 "2026-01-12T19:13:35Z")
banner - text & background CMS driven, with background lines project - [elementsapp://downloadDocument/3hMwDiEm6lKx](elementsapp://downloadDocument/3hMwDiEm6lKx) ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [January 13, 2026, 12:01am UTC](https://forums.realmacsoftware.com/t/cms-image-driven/53466/30 "2026-01-13T00:01:11Z")
a different take on the animation to save space I reduced the video resolution project - [elementsapp://downloadDocument/gAW7CEa2FVBG](elementsapp://downloadDocument/gAW7CEa2FVBG) ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [January 13, 2026, 7:20am UTC](https://forums.realmacsoftware.com/t/cms-image-driven/53466/31 "2026-01-13T07:20:00Z")
removed background animation added random jokes, AI jokes ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [January 13, 2026, 7:40am UTC](https://forums.realmacsoftware.com/t/cms-image-driven/53466/32 "2026-01-13T07:40:18Z")
project - [elementsapp://downloadDocument/bzJ24Lpgh8MA](elementsapp://downloadDocument/bzJ24Lpgh8MA) ok 50 jokes - I asked for 50 workplace safe jokes had a couple of mins changed to blinds view ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [January 13, 2026, 6:38pm UTC](https://forums.realmacsoftware.com/t/cms-image-driven/53466/33 "2026-01-13T18:38:20Z")
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 ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [January 14, 2026, 7:09pm UTC](https://forums.realmacsoftware.com/t/cms-image-driven/53466/34 "2026-01-14T19:09:39Z")
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 ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [January 21, 2026, 4:31pm UTC](https://forums.realmacsoftware.com/t/cms-image-driven/53466/35 "2026-01-21T16:31:50Z")
table populated by CMS frontmatter data, table is custom component, not flex etc ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [January 21, 2026, 5:35pm UTC](https://forums.realmacsoftware.com/t/cms-image-driven/53466/36 "2026-01-21T17:35:59Z")
moving on from image and text array shuffle to table and array play project [elementsapp://downloadDocument/TvdcIAkHvzMf](elementsapp://downloadDocument/TvdcIAkHvzMf) ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [January 21, 2026, 6:29pm UTC](https://forums.realmacsoftware.com/t/cms-image-driven/53466/37 "2026-01-21T18:29:03Z")
hadn’t looked at the api for a while (only cause I was checking image), didn’t know I could use twig in a component until I saw it in the docs, should have realised, more learning but lots more options now ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [January 21, 2026, 7:13pm UTC](https://forums.realmacsoftware.com/t/cms-image-driven/53466/38 "2026-01-21T19:13:14Z")
that makes it easy to generate a table from the frontmatter data [Previous page](https://forums.realmacsoftware.com/t/cms-image-driven/53466.md?page=1)