title: JavaScript object containing multiple Base64 image codes
body: <p><strong>Project:</strong></p>
  <p>Loading screen with Base64 image in Playcanvas (<em>WebGL</em>)</p>
  <p><strong>What I try to do:</strong></p>
  <p>Change the image when the Website is loaded with other language (<em>index.html?language=xy</em>)</p>
  <p><strong>What I already have:</strong></p>
  <p>I get the default image in my WebGL loading javascript.</p>
  <pre><code> var logo = document.createElement('img');
      logo.src = 'here is my base64 code';
      splash.appendChild(logo);
      logo.onload = function() {
      splash.style.display = 'block';
      };
  </code></pre>
  <p>I thought it would be the best option to list all languages in an object, and invoke the object with the language that is currently selected.</p>
  <p><strong>Why I can't figure it out myself:</strong></p>
  <p>As I just started creating javascript projects, I need to lookup many thing, but when I search up my issue I get stuff like this <a href="https://stackoverflow.com/questions/38134200/base64-encode-a-javascript-object">Base64 encode a javascript object</a></p>