Need Help with Overlapping Avatars JS Code!

Ask for Help
1

I recently came across a video by @Robert_Petitto that demonstrated a neat way to achieve overlapping avatars using JavaScript (https://www.youtube.com/watch?v=NnfKQd_9KpQ). Since Glide allows using JS, I’d love to incorporate this functionality directly into my app.

Would anyone be able to share the JS code featured in the video?

Just having the code snippet would be fantastic, allowing me to easily copy and paste it into my Glide app’s JavaScript column.

Thanks a bunch!

2

I actually built an experimental code column that lets you add it anywhere!

Steps:

  1. Create a comma separated string of image URLS (typically through a join list column)
  2. Create an experimental code column
  3. Point the experimental code column to https://rpetitto.github.io/avatars
  4. configure the column as desired
  5. The output will be html of overlapping avatars. Display it in a rich text column

Enjoy!

4 Likes
3

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.