The imagesloaded.js file was not loaded.. so said the libraries module.
Solution... rename imagesloaded.js to jquery.imagesloaded.js
poof... worked.
just thought I would comment on this.

Comments

IrishGringo created an issue. See original summary.

irishgringo’s picture

Issue summary: View changes
irishgringo’s picture

dandaman’s picture

yes, imagesloaded 4.x seems to have dropped the 'jquery" on the start of the file.

You can use the latest official releases of both of these libraries, if you update this function in manualcrop.module, in my experience:

/**
 * Implements hook_libraries_info().
 */
function manualcrop_libraries_info() {
  $libraries = array();

  $libraries['jquery.imagesloaded'] = array(
    'name' => 'imagesLoaded',
    'vendor url' => 'https://github.com/desandro/imagesloaded/tree/v2.1.1',
    'version arguments' => array(
      'file' => 'imagesloaded.pkgd.js',
      'pattern' => '# v([0-9\.]+)#',
      'lines' => 5,
      'cols' => 40,
    ),
    'files' => array(
      'js' => array(
        'imagesloaded.pkgd.min.js',
      ),
    ),
    'variants' => array(
      'source' => array(
        'files' => array(
          'js' => array(
            'imagesloaded.pkgd.js',
          ),
        ),
      ),
    ),
  );

  $libraries['jquery.imgareaselect'] = array(
    'name' => 'imgAreaSelect',
    'vendor url' => 'https://github.com/odyniec/imgareaselect/tree/v0.9.11-rc.1',
    'version arguments' => array(
      'file' => 'imgareaselect.jquery.json',
      'pattern' => '#"version"[\t ]*:[\t ]*"([^"]+)"#',
      'lines' => 6,
      'cols' => 30,
    ),
    'files' => array(
      'js' => array(
        'jquery.imgareaselect.min.js',
      ),
      'css' => array(
        'distfiles/css/imgareaselect-animated.css',
      ),
    ),
    'variants' => array (
      'source' => array (
        'files' => array (
          'js' => array (
            'jquery.imgareaselect.js' 
          ) 
        ) 
      ) 
    ),
  		
  );

  return $libraries;
}

Then the Libraries API loads it correctly, it works and the Status Report screen shows the right library version info and that they are loading correctly. Ohh, note that the library folders still need to be named jquery.imagesloaded and jquery.imgareaselect, respectively.

Chris Charlton’s picture

Is there a technical reason this module isn't supporting the current stable version of jquery.imagesloaded.js?

dschoni’s picture

What is this manualcrap.module and where can we find it?

dandaman’s picture

@dschoni, This issue is related to the Manual Crop module. There is a link in the breadcrumbs to the top of this page where you can get more info on the module and how to install it: https://www.drupal.org/project/manualcrop

I haven't looked at this in a while, but at least when this issue was created, this module was requiring a few rather old JavaScript libraries to work, so that may be a hinderance to use it on a modern site. But see the module's installation instructions or main page for more details.

Gayathri J’s picture

Wow really amazing , i have problem with media library not supported for manual crop always coming image loaded error. i changed file name imagesloaded.js to jquery.imagesloaded.js now working fine thank you so much.