Easy Cascading Color Schemes

When you have a lot of something to showcase on your website, in this case we're talking about color schemes, it can be really tedious to type out "<img src="blah blah blah">" over and over again. This code makes things so much simpler.

NOTE: This code ONLY works if you're naming your images numerically. For example, all of my color schemes are simply named with numbers like "1.png", "2.png", etc.

Step 1

Copy the following code into your color palette page (or whatever content you're using this for).

Step 2

Change the numbers in the code to the number of color palettes you have. For example, if you have 97 color palette images, change 
"i <= 100; i++)"
to 
"i <= 97; i++)".

Step 3

Change "/images/colors/${i}.png" to wherever you have your color palette images saved. Let's say I have mine saved in a folder on my website called "images". In that case I would change that to "http://EXAMPLE.COM/IMAGES/${i}.png".

And thats it! Now as you upload more color palettes (or whatever you're using this for), all you have to do is change the "97" to however many of that thing you have uploaded! Please reach out if you have any questions as this feels really difficult to explain but I promise this is going to make your life so much easier.