Working around the 10,000 character custom code limit

By JS you dont need the embed widget.

https://stackoverflow.com/questions/584751/inserting-html-into-a-div

try this (before body wrap with script)

Create base vars:

// base vars
var content = '';
var baseClass = "class='animated'";
var baseSrc = "https://i.postimg.cc/";

image list (remember to add “,” in the end for each image + change p number)

// image list
var p = {
    "p1": "QCNjkcr8/Scroll-Anim2-100.png",
    "p2": "4y8s8nJz/Scroll-Anim2-101.png",
    "p3": "J7Kr7YbG/Scroll-Anim2-102.png",
    "p4": "FHkNZ9wL/Scroll-Anim2-104.png",
    "p5": "L6bmLqQS/Scroll-Anim2-105.png" 
     ....p100..anim2-200
};

Than by js loop throw list and put the html inside content var

    for (var key in p) {
      content+= "<img src=" + baseSrc + p[key] +'" />' ;    
    }

Last, on webflow add empty div with an id of data. And append content.

$("#data").append(content);

https://codepen.io/ezra_siton/pen/qQgrzp

1 Like