Hello, I want to use this in a loop of images. So I created an each

I solved it, if anyone else have the same problem, here it is: <div class="highlig

Can not change global var about rembrandt HOT 2 CLOSED

saturday1 commented on May 27, 2024

Can not change global var

from rembrandt.

Comments (2)

saschagehlich commented on May 27, 2024

This is not a Rembrandt issue, but more of a problem with asynchronous JavaScript code. Here is a good explanation on the issue, hope it helps: https://stackoverflow.com/a/23667087/838044

from rembrandt.

saturday1 commented on May 27, 2024

I solved it, if anyone else have the same problem, here it is:

if (jQuery('.portlet-queryRecordSearchResult').length) {
      
      jQuery('.arena-record-cover a img').each(function(){
        var thisImage = jQuery(this),
        thisImageUrl = thisImage.attr('src'),
        sameImage = false,
        rembrandt = new Rembrandt({
          imageA: '/documents/15189/0/portletResources.jpg',
          imageB: thisImageUrl,
          // Needs to be one of Rembrandt.THRESHOLD_PERCENT or Rembrandt.THRESHOLD_PIXELS
          thresholdType: Rembrandt.THRESHOLD_PERCENT,
          // The maximum threshold (0...1 for THRESHOLD_PERCENT, pixel count for THRESHOLD_PIXELS
          maxThreshold: 0,
          // Maximum color delta (0...255):
          maxDelta: 20,
          // Maximum surrounding pixel offset
          maxOffset: 0
        })
        
        function isSameImage(sameImage) {
          if (sameImage) {
            thisImage.css('border', '2px solid red');
          } else {
            console.log('nope');
          }
        }
        
        // Run the comparison
        rembrandt.compare()
          .then(function (result) {
          isSameImage(result.passed)
        })
      });
    }