I have some images that are currently in an inline list. I would like them to scroll automatically to show a different image after a few seconds or have the image change automatically - a bit like an advertising banner. Anyone have any ideas on how I can make this happen?
Thereās certainly a simple way to have new images displayed based on times, days, new logins triggered with actions, etc. As far as swiping animations, Glide doesnāt provide that natively.
Thanks so much for your replies. @Darren_Murphy@iamtomgray like the idea of having the images change by elapsed time or new logins, It would only involve a maximum of 20 images. Any further information about how to do this is much appreciated.
Thanks Simon
Hi, @SimonD use Css to do this in an app but I donāt think thatās what you want to achieve log in to the app and watch the first list of categories move to share the CSS with you.
Hi @DillanMartinez Yes the way the images are scrolling at the top of your app look like what I want to achieve, unfortunately I have absolutely no idea how to use CSS with my app (or even what CSS actually is to be honest)
Add a Rich Text component anywhere on the screen with your image component and put the css code into it.
I use this one for scrolling images. I think out of the box this code is good for five images. Youāll have to play around with the āto {left: -1500px;}ā to get the scrolling accurate.
If you want the scrolling to be dynamic based on number of images⦠in the data editor add an ITE column that has different āpxā values based on the # of images.
Next put the CSS code in a template column and replace the -1500px with the new ITE coulumn. Finally put the template column into a rich text component instead of pasting code directly into it.
I believe this is the correct way to do it. Back in the days there was a way to import CSS settings from an external website called glidetools, but that project seems to not be active anymore.
Hi @Eric_Penn , thanks very much for the reply. I have a static image and 2 inline lists of images (these are what I want to scroll through) is it possible to select only the 2 inline lists to be impacted by this code? I also have no idea what an ITE column is so I am struggling with the next bit of your advice (apologies for my ignorance)
Simon
Okay, so the way I would approach this is as follows:
Start by creating an array of images. If youāre currently using them in an Inline List, then I assume you have all your images in a single column. If thatās the case, you can create an array by using a lookup column and addressing your image column directly.
Next, add a Roll Dice column. Use the current date/time as a seed value, and the number of sides should be one less than your number of images. This will give you a random number between 1 and N (where N is your number of images), that changes every 10 seconds.
Next, you need a Math column that adds 1 to the result of the Roll Dice column.
Finally, you can use an Array Slice column to extract a random image from the array. The start position will be the result of the dice roll, and then end position will be the result of the math column.
Then all you need to do is add an image component to your screen, and target it at the array slice column. You should see a random image from your set, that changes every 10 seconds.
Thanks @Darren_Murphy your help is much appreciatedā¦I think that I am on the last part, I have added the image button but I cant find the right source to target it at the array slice column?