# Implementing Custom Code **URL:** \ **Category:** Ask for Help\ **Created:** [June 3, 2025, 12:32am UTC](https://community.glideapps.com/t/implementing-custom-code/82209 "2025-06-03T00:32:51Z")\ **Posts on this page:** 8\ **Page:** 1
**Author:** ![ABartley](https://avatars.discourse-cdn.com/v4/letter/a/7ea924/32.png) [@ABartley](https://community.glideapps.com/u/ABartley)\ **Post date:** [June 3, 2025, 12:32am UTC](https://community.glideapps.com/t/implementing-custom-code/82209/1 "2025-06-03T00:32:51Z")
I’m trying to use the below framework from W3 to have a slideshow that displays user uploaded images with a corresponding caption (which I haven’t found a way to do natively). I’ve already added the CSS and created a template column that captures all images a user has uploaded with their captions, but I can’t seem to figure out how to properly implement the Javascript portion. Any help? > **[W3Schools.com](https://www.w3schools.com/howto/howto_js_slideshow.asp)** > > W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [June 3, 2025, 12:51am UTC](https://community.glideapps.com/t/implementing-custom-code/82209/2 "2025-06-03T00:51:34Z")
You should try to prompt this to the AI component and tell it to accept a certain structure of data so you can have a dynamic slideshow. ---
**Author:** ![ABartley](https://avatars.discourse-cdn.com/v4/letter/a/7ea924/32.png) [@ABartley](https://community.glideapps.com/u/ABartley)\ **Post date:** [June 4, 2025, 6:48am UTC](https://community.glideapps.com/t/implementing-custom-code/82209/3 "2025-06-04T06:48:24Z")
Is there a reason to take this approach vs using the javascript? Can this be accomplished with Glide otherwise? ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [June 4, 2025, 7:42am UTC](https://community.glideapps.com/t/implementing-custom-code/82209/4 "2025-06-04T07:42:19Z")
I haven’t tried this in the new version of Glide so I’m not sure, either way is worth an approach if you ask me, but the AI component might be more friendly to setup. Though, it’s a beta feature, so it’s not guaranteed to be stable. ---
**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\ **Post date:** [June 4, 2025, 8:00am UTC](https://community.glideapps.com/t/implementing-custom-code/82209/5 "2025-06-04T08:00:19Z")
> [@ABartley](#): > > Is there a reason to take this approach vs using the javascript? Can this be accomplished with Glide otherwise? Yes, you can do it without using the AI component, quite easily. - Paste everything from that W3Schools example into a Template column, adding replacements as necessary for your images and captions - Feed that into a HTML to URL column. - Display that in a Web Embed component. Example: ![CleanShot 2025-06-04 at 15.58.13](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/c/7c7fa7635d6c4813c92b4029f7187fbe3d1f1442.gif) ---
**Author:** ![ABartley](https://avatars.discourse-cdn.com/v4/letter/a/7ea924/32.png) [@ABartley](https://community.glideapps.com/u/ABartley)\ **Post date:** [June 6, 2025, 9:38am UTC](https://community.glideapps.com/t/implementing-custom-code/82209/6 "2025-06-06T09:38:26Z")
This solution worked! Thank you. If you don’t mind explaining, what about this particular method allows this to work vs a combination of columns and custom css (which I couldn’t seem to figure out)? ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [June 6, 2025, 11:50am UTC](https://community.glideapps.com/t/implementing-custom-code/82209/7 "2025-06-06T11:50:11Z")
The code gets “interpreted” correctly in a “HTML to URL” column. It gets converted to a format that works with the web embed component (data URI), ---
**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:** [June 13, 2025, 11:50am UTC](https://community.glideapps.com/t/implementing-custom-code/82209/8 "2025-06-13T11:50:22Z")
This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.