# Need Help with Overlapping Avatars JS Code!

**URL:** <https://community.glideapps.com/t/need-help-with-overlapping-avatars-js-code/72320>\
**Category:** Ask for Help\
**Created:** [April 4, 2024, 3:42pm UTC](https://community.glideapps.com/t/need-help-with-overlapping-avatars-js-code/72320 "2024-04-04T15:42:16Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![fk1214](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/fk1214/32/71058_2.png) [@fk1214](https://community.glideapps.com/u/fk1214)\
**Post date:** [April 4, 2024, 3:42pm UTC](https://community.glideapps.com/t/need-help-with-overlapping-avatars-js-code/72320/1 "2024-04-04T15:42:16Z")

</div>

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](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!

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [April 4, 2024, 5:24pm UTC](https://community.glideapps.com/t/need-help-with-overlapping-avatars-js-code/72320/2 "2024-04-04T17:24:49Z")

</div>

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!

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)\
**Post date:** [April 11, 2024, 5:25pm UTC](https://community.glideapps.com/t/need-help-with-overlapping-avatars-js-code/72320/3 "2024-04-11T17:25:02Z")

</div>

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