https://www.katholiekleven.nl/templates/katholiekleven/js/vendor/colorTheif/go.js

1//Include needed JS
2var s = document.createElement("script");
3s.type = "text/javascript";
4s.src = "/templates/katholiekleven/js/vendor/colorTheif/background-color-theif.js";
5$("head").append(s);
6
7(window.colorItems = function(){
8  
9  var items = document.querySelectorAll('.podcast'), i;
10
11  for (i = 0; i < items.length; ++i) {
12    if(items[i].getElementsByTagName('IMG')[0].complete){
13      var bgct = new BackgroundColorTheif();
14      var rgb = bgct.getBackGroundColor(items[i].getElementsByTagName('IMG')[0]);
15      items[i].style.backgroundColor = 'rgb(' + rgb[0] + ',' + rgb[1] + ',' + rgb[2] +')';
16    } else {
17      items[i].getElementsByTagName('IMG')[0].onload = function(e){
18        var bgct = new BackgroundColorTheif();
19        var rgb = bgct.getBackGroundColor(e.target);
20        e.target.parentNode.parentNode.parentNode.style.backgroundColor = 'rgb(' + rgb[0] + ',' + rgb[1] + ',' + rgb[2] +')';
21      }
22    }
23  }
24})();
25
26$(document).on('lux_append', colorItems);