[how to] instantiate BigPicture for Nodelists [array of img nodes] about bigpicture

[CharlesKumar]

// as per docs target the container of the images
// no need for forEach iteration

 var setClickHandler = function (id, fn) {
      document.getElementById(id).onclick = fn;
    }


    setClickHandler('image_container', function(e) {
      e.target.tagName === 'IMG' && BigPicture({
        el: e.target,
        imgSrc: e.target.src.replace('_thumb', '')
      });
    });

    setClickHandler('local_image_container', function(e) {
      (e.target.tagName === 'IMG' || e.target.className === 'background-image') &&
        BigPicture({
          el: e.target
        });
    });

now it works with the following code

setClickHandler('bigPicture', function(e) {
    (e.target.tagName === 'IMG' || e.target.className === 'background-image') &&
      BigPicture({
        el: e.target
      });
  });